Submitted 3 months ago

Responsive blog preview card

Gianni•50

@giannindm

A solution to the Blog preview card challenge

Preview Code

Solution retrospective

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

How to reduce font size for mobile without media queries
How to vertically center the card on the page

Code

Please log in to post a comment

Community feedback

P
Erwin•190
@erwindrd2
Posted 3 months ago
Looks nice!

Regarding the areas where you would like to get help: To reduce font-sizes on mobile without media queries, checkout the clamp function as described here: clamp function

A handy calculation tool can be found here: fluid type scale

To vertical center the card on the page there might be more options, I usually use
```
margin: auto auto;
```
This will center the object.
Marked as helpful

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