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-main

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@coderboi559

Posted

Hello, I noticed the layout of the page isn't aligned.

You could use grid templates on the whole aspect, to align everything according to the design. I would create 3 separate grid-columns and make the elements take up space, to align everything according to the design. To get the layout right.

I wouldn't use <figure> and <figcaption> to define your bottom news articles. Make them separate into two containers to split them into two parts. The picture taking up one third and the description taking up two thirds. And using flex for the description part.

I hope you find this helpful.

Marked as helpful

1

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