Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found

Submitted

Landing Page build with CSS Grid & Flexbox

arey 350

@arey-dev

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please share your feedback, it will be greatly appreciated. Thanks!

Community feedback

@VCarames

Posted

Good Job!

At quick glance, I noticed that you have a major gap from your hero section and the next section.

To fix this, remove height: 100vh from your header and use either margin or padding to add the spacing you desire.

1

arey 350

@arey-dev

Posted

@vcarames I want the contents of my header to be exactly at the center viewport that's why I decided to put height: 100vh to center it easier. I tried to fix that gap without removing the height: 100vh but I wasn't successful.

Thank you for the feedback, I'm going to wait for more from others and see their thoughts regarding that gap.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord