Skip to content
Submitted 5 months ago

Landing page using flexbox

Ghassen Ben Hamida•140
@rbhgaston
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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
    @Vanillatte68Posted 5 months ago

    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
  • Anthony Candaele•50
    @acandaelPosted 5 months ago

    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

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