Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

IndieBrew Landing Page

Snipper Landing Page

Commune Waitlist Page

TimeNow Landing Page

Unifeed Blog Page

Remix Template

Ideate Dashboard 

Newsletter Popup Template

Hosterr Waitlist Page

Accountable Social Media Feed

Chirp Landing Page

Workside Job Board

YelpCamp by Colt Steele

Web Developer Portfolio

Looks REALLY good. My 2c are as follows: The image on the second post seems VERY stretched out on Safari (looks fine on Chrome and Firefox). For the live stream on the right, ideally the live, viewer count, and title should be actually components instead of an image. 

Other than that, great job! 

Also just wanted to add that I've seen your other Codewell challenges and you seem to have a really good grasp on converting designs to actual websites in terms of dimensions, keep at it man!

Thanks for the advice and encouragement. It was a pleasure to read that my work is being done well. I will seek to improve it even more. Thank you very much man 😀

Great job 🔥My only comment is that the testimonial section looks so squished on tablet. 

Nice work!
Here are some thoughts from looking at this.
I liked your semantic use of html elements including the time element.
I think the width on the header is a bit suprising:     width: clamp(374px, 86vw, 1240px);
I think some padding around it might be simpler (20px for mobile, 40px for tablet and up).

The input is not an input. Positioning the button in an input is tricky though.
The min-width for the media query on the final large screen grid layout is 1024px. Which a few hundred pixels less than the actual width of all the content so it overflows for some screen sizes and messes up your header too.



Hello! You've done great. Here are my feedbacks
-  I noticed you made use of padding with percentage as the unit on each section, this isn't a very good idea cause on a very large screen it could break the layout and make it look messy.

I'll advice you have a container class like this:

```
.container {

}
```

I'm sorry for sending the message without completing it...

.container {
   width: 90%;
   max-width: 1200px;
   margin: 0 auto;
}

Then you can use that class around each section of your page, allowing the sections to have the same max-width;

Also using the unit percentage isn't really the most efficient way, cause it's relative to its parent.  I advise you to learn about units like rem and em.



Well done Jaspal, your solutions are always so well done! 🚀

Hello! Thank you so much for your feedback! I'll note and implement it for my next project! ^^

Thank you so much brother, means alot 😁

  background-repeat: no-repeat;
  background-size: cover;

para que el fondo no se repita se vea como el diseño,
saludos desde mexico.

got the link to the live site wrong...... here's the correct link eivo-chirp.netlify.app

Accountable

Build Using SCSS

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

Hosterr page with Bootstrap 5

{"ops":[{"insert":"I had fun trying to make this responsive and as pixel close as the designs\n"}]}

Newsletter Solution

Fiber Landing Page

Fiber Landing Page - Built with Gasby

C.J commune demo

Gradie Sign Up

Hosterr Starter Landin page with  HTML, CSS, JavaScript &  GSAP

Spense using bootstrap

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

Chirp Landing Page using simple SASS

Commune Waitlist Page 

{"ops":[{"insert":"This website is done with html and css.\n"}]}

responsive layouts with css 

Gradie 

Remix in the work

Spense Landing Page 

Done with Grid and Flex box

{"ops":[{"insert":"Challenge built with HTML, CSS and JavaScript\n\t\t\t\n"}]}

Unifeed Blog 

Spense landing page

Newsletter Popup | HTML CSS Sass

{"ops":[{"insert":"I will accept any feedback\n"}]}

Gradie-Login

Fiber Codewell

Finished Using Tailwind CSS and Semantic Tags

{"ops":[{"insert":"any suggestions?\n"}]}

news-letter-card

{"ops":[{"insert":"I made this challenge using html, css and js.\nAny feedback would be great.\n"}]}

IndieBrew landing page

{"ops":[{"insert":"I have learn a lot by making this real life template with starter files.\n"}]}

indiebrew solution

Solution to sidebar in tablet mode

Fiber Started Files

{"ops":[{"insert":"This is my first project here. So, any feedback are welcome\n"}]}