Blog Preview Card using CSS

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• Avoid setting a fixed height for the component; remove "height: 60%" because it can cause text overflow if the content grows. On my laptop, the text overflows.

• For width, avoid using a percentage. Instead, use max-width to allow the component to adapt to different devices without the need for media queries.

• Consider using the clamp function in CSS for font-size to make the font responsive without the need for media queries.

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!

Hello Celine!

Your solution looks awesome!

About your question:

• Another option is using the clamp ( ) method in your coding for font-size, width, margins, padding, etc., So the designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout. Hope it helps!

And Happy New Year! 😁