Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Ideate Dashboard 

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

Hey Loctong! 

Looks like you've got this pretty good on 1920x1080 but it looks like it breaks at smaller breakpoints (<1080, you can check how it looks on other devices by using the developer tools on any browser), so that may worth looking at using Media Queries. 

Good start though!

Hi, moeminm!
 Thanks for your comments.
 I am on the way to update 
Thanks


btw, It is working well with Ipad (768) :D

Hmm, weird, iPad looks broken on my screen (maybe cuz i'm using Safari 👀)

Looks like you've done a wonderful job, my only comment is to remove the underlines under the buttons! Can you let me know which image was missing from the asset file so I can update it? Thank you!

This is simply awesome! I love you mimicked the challenges pages in Codewell to present your projects. The animation on the TimeNow template is also really creative, one thing worth practicing is changing the data inside the pricing table when the toggle is used in the TimeNow template.

I have no suggestions to give but again, this is awesome! 🔥

Well done! The 'Start Free Trial' is broken for me, i'm using Safari if that helps.

ahh yes I forgot the underline thank you! and the hero images for the tablet and mobile I only had the desktop image.

unless the figma design is a little off shows different assets for desktop tablet and mobile.

Thanks for reporting this, will look into it and update the Figma files! 

You've done a great job on desktop! Remove the underlines and you should be fine... But the mobile view is similar is similar to desktop and just looks as if it has been shrunken down. Take a bit more time to make it like the original.

Hey there, could you please let me know what assets were missing so I can update the files, everything's included from my end but i'd love to double-check, thanks! :) 

the icons or svgs on the features section are missing, as you can see on the live project that I've submitted I substitute the twitter icon for those.

- raster image of diagram should be made vector, maybe using the svg path from the figma file, and adding a color linear gradient.
- colors are grey for all the cards, but should be white.
- scroll behaviour is non-existent. There is going to be lots of rows on the tables.
- margins/paddings are all different to the figma file.
- font sizes and font weights are all different to the figma file.
- horizontal scrolling is needed to see the referral image, and then the top-nav logos don't stay in place.
- everything overfows its containers with a small window. Would recommend fixed sizing for the graph / referral vertically to prevent overflow (e.g. 400px).

Hey, I've seen your repository, you've made some really cool projects.

nice site. but when you reduce the page size with ctrl - the site contents fly around

You have done a great job!!!!  Do you have used a lot of backend technology too. Because literally, your solution can launch and use as business website. It is so interactive. Are you a senior fullstack developer? Can you give any advice to me? I am beginner. I want to make my website interactive and can leave comments and login. Can you name the process and order and what tools and language you used in this project. Thank you. 

Please review my source code

Snipper Landing Page.

Fiber Landing Page

{"ops":[{"insert":"Completed this challenge, nice design. I had a lot of fun doing it.\n"}]}

Spense landing page

Gradie Sign Up

Spense Landing Page  - Ayden Ashcroft

Spense Landing Page 

{"ops":[{"insert":"I made the whole thing usign the grid system of bootstrap for responsive\n"}]}

Responsive Fiber website, made using bootstrap and js

Spense starter

{"ops":[{"insert":"Best for beginners to get knowledge of basics.\n"}]}

Finally done but  i tried  Responsive web but cant Done

comment page made with html , css and bootstrap

Hosterr Website

{"ops":[{"insert":"Snipper Landing Page made using HTML, CSS, JavaScript.\n"}]}

Snipper-Landing-Page

I used animations, top down approach and mobile first design, grid flexbox and object fit

{"ops":[{"insert":"I made this challenge using html, css and js.\nAny feedback would be great.\n"}]}

IndieBrew landing page

Chirp Landing page using CSS grid and Flexbox

{"ops":[{"insert":"Made with html,css with flexbox\n"}]}

Gradie solution without  a  framework

{"ops":[{"insert":"Responsive landing page built with Svelte Kit and Tailwind CSS.\n"}]}

Snipper (Svelte Kit + Tailwind CSS)

My solution

spense landing page

{"ops":[{"insert":"This was an interesting page and I had fun making it :)\n"}]}

Unifeed Blog Template using SCSS

{"ops":[{"insert":"Trying to copy CodeWell Web Portfolio design\n"}]}

Codewell Web Portfolio Responsive

{"ops":[{"insert":"didn't do the scrollable testimonials tho\n"}]}

First project with no tutorial

Gradie sign-up

interesting project

Gradie Sign up

Workside job

Fiber Landing Page made with Sass & JavaScript

{"ops":[{"attributes":{"align":"right"},"insert":"\n"}]}

using webpack, react, sass, and some complicated stuffs I don't even wanna mention 

Javascript30 Navar

{"ops":[{"insert":"This project was a bit challenging 😅\n"}]}

Ondeck

{"ops":[{"insert":"Yelp Camp Project using bootstrap 5 and javascript\n"}]}

Yelp Camp Project

{"ops":[{"insert":"interesting design\n"}]}

Archlight 

{"ops":[{"insert":"I have used HTML and CSS if you have any advice you can give it, thanks\n"}]}

Fiber landing page

{"ops":[{"insert":"Mobile First \nSass \n  flexbox\nVanilla JS\n"}]}

{"ops":[{"insert":"Responsive page built with HTML, CSS and a bit of JS for the mobile navbar\n"}]}

Commune Waitlist page

{"ops":[{"insert":"Build with Tailwind CSS and JavaScript \n"}]}

Time-Now Landing Page

{"ops":[{"insert":"Took a while but it was fun ❤️\n"}]}

Gradie responsive Sign-Up

{"ops":[{"insert":"IndieBrew Landing Page (HTML/CSS/JS)\n"}]}

{"ops":[{"insert":"Ondeck landing page using Flexbox and css classes.\n"}]}

Javascript 30 NavBar using FlexBox

{"ops":[{"insert":"Give me some tough Challenges.\n"}]}

Developer Portfolio

lndieBrew-landing-page

{"ops":[{"insert":"html, css and JavaScript\n"}]}