Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Commune Waitlist Page

Hosterr Waitlist Page

YelpCamp by Colt Steele

Arclight Landing Page

Web Developer Portfolio

Javascript30 Navbar

This is my first time partaking in a challenge recreating a simple landing page with HTML and CSS. Critics are very much welcome and appreciated. I hope you can also give me some advice like in what aspects should improve and practice more. Thank you.

Hello! You've done great. Here are my feedbacks
-  I noticed you made use of padding with percentage as the unit on each section, this isn't a very good idea cause on a very large screen it could break the layout and make it look messy.

I'll advice you have a container class like this:

```
.container {

}
```

I'm sorry for sending the message without completing it...

.container {
   width: 90%;
   max-width: 1200px;
   margin: 0 auto;
}

Then you can use that class around each section of your page, allowing the sections to have the same max-width;

Also using the unit percentage isn't really the most efficient way, cause it's relative to its parent.  I advise you to learn about units like rem and em.



Hello! Thank you so much for your feedback! I'll note and implement it for my next project! ^^

Spense solution

Hosterr Starter Landin page with  HTML, CSS, JavaScript &  GSAP

Gradie Sign up page using html and css

{"ops":[{"insert":"gulp-sass browser-sync \n"}]}

Snippet Template challenge codewell

{"ops":[{"insert":"Spense landing page clone only using HTML and CSS\n"}]}

Spense

Fiber Codewell

{"ops":[{"insert":"I tried to only use CSS in the hamburger menu, it looks good.\n"}]}

Slysux Spense-landing-page

{"ops":[{"insert":"That's my first project with sass.\n"}]}

YelpCamp Solution

{"ops":[{"insert":"Any comments and suggestion will be appreciated. Thank you everyone!\n"}]}