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 

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

YelpCamp by Colt Steele

Web Developer Portfolio

Personal Blog

Javascript30 Navbar

This is perfect! My only comment is that in tablet size the image in the 'Diversify your portfolio' section isn't fixed to the bottom and is instead in a square that is vertically and horizontally centered. Other than that, great job! 

How long did this take you?

Thank you for the feedback. I fixed that issue with the align-self property of flexbox.
It took 3-4 hours to complete the project.

Very well done for only 3-4 hours of coding! 

Codewell must provide images for mobile and tablet versions also.

Hi Pritam, please re-download the files. I've just added the different sizes in the Assets folder, although, it's better if you just work with one image and have it responsive instead of loading 3 different sizes.

Really good job man. Try to cap the size of the image on the right side though. Just so it doesn't overflow on larger screens. Maybe flexbox would help make the positioning easier?

It's great. I really like your idea for the mobile sidebar.

Looks good so far! It doesn't look complete yet though. Did you really work at at Facebook yet? lol

dont used fixed size like px if yout want responsive use this % instead.

Nice ! Maybe just add a justify-content: center for the first section. On a wide screen the first section stay on the left.

Fiber

{"ops":[{"insert":"This is a good design to work with flex and grid.  \n"}]}

HTML, CSS, SASS, FLEXBOX

TimeNow Challenge (HTML/CSS) by Njorthr

{"ops":[{"insert":"I use Grid, Flexbox and SCSS.\n"}]}

Commune Waitlist 

{"ops":[{"insert":"Hosterr page using Grid and flexboxx\n"}]}

Hosterr Page using Grid

{"ops":[{"insert":"It was an awsome project to practice.\n"}]}

Fiber Landing Page

Solution to sidebar in tablet mode

{"ops":[{"insert":"for the whole code, I use bootstrap\n"}]}

Landing Page - Codewell

{"ops":[{"insert":"The challenging part was making those images responsive in this page.\n"}]}

Landing Page

The challenge on responsiveness and positioning

Challenge Completed using HTML and CSS 

{"ops":[{"insert":"Portfolio Website.My very first challenge. Would love some feedback.\n"}]}

Developer Portfolio

{"ops":[{"insert":"Thanks for support.\n"}]}

Practice 1

web developer portfolio

Web developer Porftolio Challenge

{"ops":[{"insert":"TimeNow challenge using Tailwind css\n"}]}

TimeNow challenge

Commune-waitlist

{"ops":[{"insert":"My desktop version of the website\n"}]}

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

Ondeck

{"ops":[{"insert":"Responsive, with grid and js. \nWithout figma file :( \n"}]}

CodeWell01 - Navbar

{"ops":[{"insert":"Any suggestions are welcome...built using SASS, Flex and Grid.\n"}]}

Newsletter Popup Template Solution using SASS

{"ops":[{"insert":"Helped me learn a lot about flex and responsive web design \n"}]}

Gradie Login Page

{"ops":[{"insert":"the hardest part was the rotation of the shapes\n"}]}

{"ops":[{"insert":"Done using HTML/CSS and little JS.\nLove to receive any feedback.\n"}]}

Chirp Landing Page | Codewell

{"ops":[{"insert":"newsletter built with html and css\n"}]}

newsletter built with html and css

Waitlist Page

Odneck Awsome Landing page

{"ops":[{"insert":"I used HTML, SCSS, JS (Glide Js for the carousel)\n"}]}

YelpCamp using HTML, CSS, Flexbox, Js

{"ops":[{"insert":"Responsive landing page Timer now using sass/scss - jquery\n"}]}

Responsive landing page Timer now using sass/scss - jquery

{"ops":[{"insert":"https://github.com/fatihoz5758/Meeet-Template-Starter-Files.git\n"}]}

Fatih 

{"ops":[{"insert":"Aligning the lines under the avatars was a good challenge.\n"}]}

Comment Module

{"ops":[{"insert":"Use HTML, CSS and a little bit of JavaScript\n"}]}

It's a nice challenge to do

{"ops":[{"insert":"Spense Landing Page with HTML, CSS and JS\n"}]}

Fiber Starter Files

{"ops":[{"insert":"Responsive site which scales to mobile and desktop view\n"}]}