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

blog preview card - solution

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I had problems adjusting the padding and margins of the containers,

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

responsive desing

Community feedback

@saularanguren

Posted

Hi friend, your solution is really impressive, however I want to help you with the following tips, when you write your css styles, you should not create so many media queries for each measurement, start giving styles for the phone version, from 1024px you apply the styles for desktop, if you see it necessary to create other configurations for 1280 and 1440, you can create it, but it is not necessary to repeat code within the media queries, only the measurements and properties that are going to change should be there, and when you want to center an element in its entirety do not add this line:

margin: 1rem auto;

You are making the container lose its center. Finally, I advise you to search for CSS courses on YouTube and do a small CSS project to see and learn how to create a project. If you want, I can teach you how to do it. Just write. Happy coding.

Marked as helpful

0

@MaicolRoma

Posted

Muchas gracias por los consejos Saúl, no sabia sobre el asunto de los margenes y sobre no repetir codigo en los media query, yo pensaba que tenia que repetir todo en cada uno de ellos; de nuevo muchas gracias.@saularanguren

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