Fiber Landing Page 

Gradie Sign Up Page

Comment Module 

Commune Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

Personal Blog

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

you can use animate on scroll, here is the github repo:
https://github.com/michalsnik/aos

{"ops":[{"insert":"Purely used the Bootstrap 5 base classes to structure and style the form.\n"}]}

Commune WaitList page with Bootstrap 5

Fiber

Fiber Landing Page

Solution using flex box, responsive units, and Javascript.

Meeet Waitlist Template | Responsive | HTML CSS

Commune site.

{"ops":[{"insert":"need help with my animations\n"}]}

chirp landing page

{"ops":[{"insert":"Hey guys here is my solution, I'd like your honest reviews.\n"}]}

Chirp Landing page

{"ops":[{"insert":"Responsive page Sign up using sass/scss\n"}]}

Responsive page Sign up using sass/scss

Comment Module

{"ops":[{"insert":"I tried to make it responsive.\npls feel free to suggest anything 👊👊\n"}]}

Chrip-Landing-Page 

{"ops":[{"insert":"I appreciate any feedback :)\n"}]}