Fiber Landing Page 

Gradie Sign Up Page

Snipper Landing Page

Commune Waitlist Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Chirp Landing Page

Workside Job Board

Web Developer Portfolio

Javascript30 Navbar

Your source code link seems to be working fine, but not the live project one 🤔

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

I don't know how to work with svg can you help?

{"ops":[{"insert":"I don't know how to make it fully responsive\n"}]}

My Gradie Login Page

React Tailwind css

{"ops":[{"insert":"This is an awesome challenge.\n"}]}

Completed using Bootstrap

Snipper Landing Page Challenge

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

Commune Waitlist 

Solution using flex box, responsive units, and Javascript.

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

Fiber Landing Page

Workside template

newsletter challenge

a bit tricky for me

Commune-waitlist

Snipper Solution - HTML, CSS, Vanilla JS

Developer's Portfolio

Fiber challange

{"ops":[{"insert":"Check out my code and give some feedback for improvement.\n"}]}