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
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using CSS grid and Flexbox and JavaScript

P

@ShanePinderDev

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I built this following Kevin Powell's YouTube series. It was an interesting and humbling learning experience. The main lesson was how much more I still need to learn.

Community feedback

Elaine 11,400

@elaineleung

Posted

Hi Shane, well done building this using Kevin's tutorial, which I also found to be extremely helpful, not just for this challenge but really, for all projects! I think you did great in replicating it and building along with him.

Just one thing to note: The footer right now in desktop mode is a bit "off"; I think you're missing the left side with the company logo and socials, and at around the 750px breakpoint, there's a bit of overflow happening with the input and button on the right, so you might want to fix that!

Great work on the whole!

Marked as helpful

0

P

@ShanePinderDev

Posted

@elaineleung Thanks very much Elaine! I will have a look at the footer. I have taken a few of Kevin's CSS courses and found them to be very helpful. It is very interesting to see how he thinks about and approaches a project.

This project showed me how much more I need to learn though!

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