Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Unifeed Blog Page

Chirp Landing Page

Web Developer Portfolio

Personal Blog

Javascript30 Navbar

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

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 :)

Fiber Landing Page

{"ops":[{"insert":"Sign up form with Sass\n"}]}

Gradie Sign up Page

{"ops":[{"insert":"Hi, I created the Login Page with pure HTML and CSS.\n"}]}

Login Page

Solution using flex box, responsive units, and Javascript.

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

Gradie solution  

Unifeed Blog

{"ops":[{"insert":"Done with bootsrap 5\n"}]}

Portfolio template

Fiber website solution

{"ops":[{"insert":"I made it using only HTML & CSS. \n"}]}

Developer Portfolio Website Chanllenge

Chirp Landing Page using Tailwind css

{"ops":[{"insert":"Responsive Spense landing page coded using HTML, CSS, and JavaScript.\n"}]}

HTML, CSS, Vanilla JS Solution