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

News Homepage Using CSS Grid and Flexbox

P
mrcordovaā€¢ 1,120

@mrcordova

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I figured out how to place elements on a grid and make them responsive.

What challenges did you encounter, and how did you overcome them?

I wasn't sure how to make the right side have a gap without having a gap on the other elements. I also wasn't sure how to make a responsive mobile menu but using popover api made this easier.

What specific areas of your project would you like help with?

I welcome any general feedback.

Community feedback

Caelusā€¢ 520

@Caelus111

Posted

I love how you made the popup burger menu, can you please explain how you did it cleanly without js? šŸ˜

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