Skip to content
Submitted 3 months ago

Blog Preview Card

Carmen•80
@KrmenDev
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 are you most proud of, and what would you do differently next time?

I keep pushing and putting into practice my CSS to finally be able to build things I'm proud of.

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

I think images are still something I need to work more with because they then to behave a little different from what I expect, I solve my issue with percentages

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

I would like to know why when trying to center the username with their image the text does not align vertically, I ended up using margin bottom to center the name to the middle of the image, I'm pretty sure there's a better solution to that

Community feedback

  • Jhef•140
    @imjheefPosted 3 months ago

    Hi there!

    To help you with the images, I recommend selecting the image you want to style within an element, I see in your CSS that you are styling the img globally and it will affect all your images within the project

    you can try to do something like

    .PreviewCard img{
 width: 350px;
}

    and this will only apply to the PreviewCard image. I believe this will also help you with centering the username with the image

    1
    Carmen•80
    @KrmenDevPosted 3 months ago

    @imjheef Oh, that's a great point, thank you!

    0

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