Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Comment Module 

TimeNow Landing Page

Hosterr Waitlist Page

Arclight Landing Page

Web Developer Portfolio

Got the same feedback as yours, everything looks great except the hamburger menu, maybe you could even add a placeholder to the email field.

Great job!

Hello! You've done great, I have some suggestions that you could work on 

So I noticed you made use of these properties on each section, I'm guessing you're making use of the padding for mobile devices view, which is totally cool but here another approach.

// yours
header, main, footer {
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 30px;
}

// another approach
.container {
   width: 90%;
   max-width: 1000px;
  margin: 0 auto;
}

the width of 90% does give mobile devices some space, which fixes the padding. But your implementation is all good though.

Also I notice this:

<div class="header-wrap">

</div>

Also I noticed this:

<div class="header-wrap">
  <header> .... </header>
</div>

Semantically there's no need for the div element, you could use the header, main, footer elements directly.

Lastly, the solution lacks white space, majority of the elements are too close to each other. 

That's all, I hope it was helpful even though you didn't ask :)

Basic vanilla landing page

{"ops":[{"insert":"Anyone can comment!\n"}]}

Fiber with HTML and CSS

{"ops":[{"insert":"I hope your feedback\n"}]}

Snipper landing page with HTML And Tailwind CSS

{"ops":[{"insert":"Used HTML and CSS, It was an interesting project\n"}]}

Fiber Landing Page

Solution using flex box, responsive units, and Javascript.

comment page made with html , css and bootstrap

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

Fiber Project Made with SCSS and Bootstrap5

Gradie Login Page

{"ops":[{"insert":"Learn how to build a responsive website.\n"}]}

GRADIE SIGN UP PAGE

{"ops":[{"insert":"Snipper Landing Page\nMade with pure HTML&CSS\n"}]}