Submitted 5 months ago

Blog preview card

Clavijoo•30

@Clavijoo

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

I was able to find a solution to move the shadow by myself, and the transition when you hover over the card is cool

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

It took me a little bit to find out what display option to use to align both the avatar and the text. I had to do my research

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

How can I improve my CSS code?

Code

Please log in to post a comment

Community feedback

Alessio Pacconi•100
@alepacc
Posted 4 months ago
- the border of the card in figma was 1px
- for mobile version, the different font size is missing
- for the padding in the card you can use:
```
display: flex;
flex-direction: column;
gap: 24px;
```

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