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 Card with float layout

P
Kate 50

@ClickClickKate

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


This is my first ever challenge. Layout is done using float (as that is what I know at the moment).

One thing I couldn't figure out was how to reduce the margin between the artist avatar/name and the bottom of the card.

Any feedback welcome. :)

Community feedback

Yordan 160

@Frame993

Posted

Im also new at this, but I checked the devtools and in the h2.artist-name there is a margin-bottom: 1rem; and a line-height: 3rem; . Try removing it

Marked as helpful

1
P

@kaamiik

Posted

Great work. you can use negative margin also. and check if the problem is because of span element or not. because the span is an inline element.

0

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