blog preview card - solution
Design comparison
Solution retrospective
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
- @saularangurenPosted about 2 months ago
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 helpful0@MaicolRomaPosted about 2 months agoMuchas 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 GitHubJoin 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