Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Comment Module 

Commune Waitlist Page

Unifeed Blog Page

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

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 🤔

Looks really good, I don't have any comments design-wise! Great job :D

Love it! Looks really clean on all sizes, you've done a wonderful 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 :)

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

box-shadow: 0 0 10px #ddd;
this shadow will be better.

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

My Gradie Login Page

{"ops":[{"insert":"Comments and suggestions are welcome.\n"}]}

Hosterr Landing Page

Fiber Landing Page

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

Comment starter page with Bootstrap 5

{"ops":[{"insert":"Completed this challenge, nice design. I had a lot of fun doing it.\n"}]}

Spense landing 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 

Unifeed Blog Page (HTML&CSS)

Solution using flex box, responsive units, and Javascript.

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

{"ops":[{"insert":"Snipper Landing Page made using HTML, CSS, JavaScript.\n"}]}

Snipper-Landing-Page

Workside template

The challenge on responsiveness and positioning

newsletter challenge

{"ops":[{"insert":"This was an interesting page and I had fun making it :)\n"}]}

{"ops":[{"attributes":{"align":"center"},"insert":"\n"}]}

Tela de Login

{"ops":[{"insert":"For the first time, I've learned many things with this small project.\n\n\n"}]}

Developer Portfoilio

a bit tricky for me

Commune-waitlist

Snipper Solution - HTML, CSS, Vanilla JS

{"ops":[{"insert":"It was quite interesting working on this project.\n"}]}

Gradie Signup Page

Developer's Portfolio

Fiber challange

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

Chirp exact style

{"ops":[{"insert":"IndieBrew Landing Page (HTML/CSS/JS)\n"}]}

{"ops":[{"insert":"responsive fiber \n"}]}

fiber challange

just 2 hours

Ondeck landing with Flexbox

NavBar responsivo 

{"ops":[{"insert":"Made with Tailwindcss\n"}]}

Commune with Tailwindcss

{"ops":[{"insert":"A great challenge! \n"}]}

Newsletter

{"ops":[{"insert":"The chirp landing page was created using HTML, CSS and JavaScript\n"}]}