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

Landing page using flexbox

@rbhgaston

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 specific areas of your project would you like help with?

I would like to know when to use padding and when to use margins. Are there some guidelines I should know for using them? For example, if i want to space two elements how should i do that: splitting the distance and adding it to both elements or adding it only to only one of both.

Community feedback

Roselin Y 330

@Vanillatte68

Posted

Good job at completing the challenge!

If you use flexbox or grid for the parent element, you can use gap in the CSS for consistent spacing between elements.

I hope this helps, happy coding!

1
P

@acandael

Posted

Nice job @rbhgaston

Seems like you forgot the hover state on the h1 title You could also improve your solution by using semantic HTML, eg <article> for the blog preview card.

hope this helps,

Anthony

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