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

Newsletter Popup Template

Hosterr Waitlist Page

Meeet Waitlist Template

Chirp Landing Page

YelpCamp by Colt Steele

Web Developer Portfolio

Javascript30 Navbar

I can't believe how quickly you're finishing these challenges. They're all so well done! The slider is a nice touch, too.

Well done! My only comment is that it isn't completely responsive on mobile, there's margin on the left of the blog posts after the main one.

Looks really good, very responsive as well. 

Thanks for sharing your solution. I learned a lot from it.
There is one issue I found but could not overcome it. The section where there is "Secure your money with Escrow." heading, the hyperlink is not working in there.

These are just mockups (some with multiple pages, some not) so most of them have hrefs linking to nothing, that's why :) 

Well I am aware it is just mockups but even cursor is not changing when you hover the mouse on link.

Just checked, looks like the image is taking the width and height of the container and is a higher z-index than the container so you can't really click it. 

Fixed it by adding this to the (max-w-2xl xl:py-8) div

z-index: 99;
position: relative;

No comments design-wise, looks like you've done a good job of replicating the actual design! I'll leave the code to someone more experienced.

Coding isn't my expertise so i'll leave that to someone else, you've done a great job at making it responsive.

My comments are all spacing and font-related. You'll find that the sign up button, for example, has a different font-size than the rest of the navbar elements. There's a lot white space in all sections, I recommend you use a container with a width of 1140px. The shadows on the testimonials section are also harsh. 

Other than that, I think you've done a really great job, keep it up!



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

Hi, did you have a problem with your images?

Mine has a weird background thing, I can't get rid of.

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.



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

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

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

Spense Challenge

Unifeed

{"ops":[{"insert":"Completed this challenge using Generic HTML and CSS.\n"}]}

Gradie Sign Up

{"ops":[{"insert":"Please help me review my source code\n"}]}

Request review NewsletterPopupTemplate

Snippet Template Solution

Fiber Challenge with HTML5, CSS, JAVASCRIPT, SASS

Fiber Landing Page using SCSS 

Fiber Lading Page, sign up incoming... 

Using pure html and css

{"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

C.J commune demo

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

{"ops":[{"insert":"Build with react, tailwind css and styled component. \n"}]}

React Tailwind css

Fiber Landing page with signup form, slick slider carousel + mobile nav menu

Commune Website

login page

{"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 

Hosterr waitlist landing page

Done with Grid and Flex box

{"ops":[{"insert":"I made the whole thing usign the grid system of bootstrap for responsive\n"}]}

Responsive Fiber website, made using bootstrap and js

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

Unifeed Blog 

Fantastic Practice!

CupACoffee

Spense landing page

{"ops":[{"insert":"Used html, css and js\n"}]}

Fiber Portfolio

Chirp Solution by Abdulsalamhibee

Fiber

{"ops":[{"insert":"Html and CSS only\n"}]}

IndieBrew landing page

{"ops":[{"insert":"I did this project using React JS and Framer Motion \n"}]}

Fiber Landing Page

{"ops":[{"insert":"click SignUp button to see the form\n"}]}

Fiber Main page with Form Register

Fiber Codewell

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

news-letter-card

{"ops":[{"insert":"TimeNow pages made using html , css and bootstrap\n"}]}

TimeNow main page and Price page

chirp landing  page

{"ops":[{"insert":"Landing page built using html css and javascript.\n"}]}

Chirp Landing Page Using Bootstrap and CSS

Chirp Landing page using CSS grid and Flexbox

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

Gradie sign up solution

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

indiebrew solution

Spense Landing Page Solution by Hayden.

Codewell starter webdevelopment challenge

HTML and CSS

{"ops":[{"insert":"Is everything okay? or you have feedback?\n"}]}

Newsletter-Popup-Template

{"ops":[{"insert":"I was a nice project.\n"}]}

Snipper Snippet Landing Page

Web-developer-portfolio

{"ops":[{"insert":"responsive web page \n"}]}

responsive web page

Trainee programmer

{"ops":[{"insert":"This is an interesting project.\n"}]}

Meet Template Starter

{"ops":[{"insert":"any feedback would be much appreciated \n"}]}

interesting project

{"ops":[{"insert":"Created with  HTML and CSS\n"}]}

Jonathan specter portfolio challenge

{"ops":[{"insert":"Created with bootstrap, css and html\n"}]}

Unifeed Blog Page 

YelpCamp Solution

Remix-starter

{"ops":[{"insert":"Solution to On Deck landing page built with nuxt.js and fully responsive\n"}]}

On Deck solution built with nuxt.js

Meeet Template Challange Solution

{"ops":[{"insert":"I have used Tailwind CSS for this challenge.\n"}]}

Newsletter Popup Template solution using  tailwind css

CHALLENGE - Web Developer Portfolio

challenge-codewell

{"ops":[{"insert":"made with simple Html, Css. i would appreciate any suggestions and help.\n"}]}