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

Maca 630

@Maacaa0

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


Hey guys,

it was my first time using css grid. I wonder if I used it right.

Is it alright that for smaller screens I used display: flex to align everything in one column. Or would it be better to stick with grid?

Feedback appreciated.

Community feedback

@gabrielmorandi

Posted

Hi @Maacaa0, good job completing this challenge!

First I would like to congratulate you, because as your first time using the CSS Grid you managed to use this wonderful resource perfectly, but I saw that you used the grid-column-end and grid-column-start in the same element, because of that I would like to contribute with a tip, try to have a look here how to do this in a faster way.

As for when to use CSS Flex and CSS Grid, basically each one has a purpose, so each one will solve a certain problem in a certain way, it's up to you based on your experience using these resources to choose which one will best suit you to solve the problem. So none of these features is better than the other both were made to complement each other.

Good job, and happy coding! 😄

Marked as helpful

1

Maca 630

@Maacaa0

Posted

@gabrielmorandi

Hey Gabriel,

thank you for your answer. Next time, i will definitely use the shorthand you suggested.

Take care.

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