Submitted about 2 months ago

Blog Preview Card

Carmen• 80

@KrmenDev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blog preview card

HTML
CSS

1newbie

View challenge

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• 100

@imjheef

Posted about 2 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

Carmen• 80

@KrmenDev

Posted about 2 months ago

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

Please log in to post a comment

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