Submitted 3 months ago

Blog Preview Card

Dylan de Bruijn• 3,190

@DylandeBruijn

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?

Everything went pretty well. I would appreciate feedback on general code structure and accessibility. Also I tried to make the font-size responsive without media-queries using clamp(). However the title scales down sooner than the rest of the elements. Is there another way to achieve this? I tried container queries and cqw units but that didn't work. Would be much appreciated if someone could point me in the right direction!

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

Making the font-size responsive without the use of media queries.

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

General code structure, semantics, accessibility and making the font-size responsive without the use of media queries.

Community feedback

trskldnt• 80

@trskldnt

Posted 3 months ago

I reviewed your work, and I really liked what you’ve done! The code structure is clean, and you’ve clearly put a lot of effort into making your project accessible and well-organized. Unfortunately, I don't have a solution for the issue with making the font-size responsive without the use of media queries. I understand how challenging it can be to achieve the desired responsiveness, and I hope you find a good solution soon. Keep up the great work!

Marked as helpful

Dylan de Bruijn• 3,190

@DylandeBruijn

Posted 3 months ago

@trskldnt

Thank you for you clear and helpful review!

MikDra1• 5,610

@MikDra1

Posted 21 days ago

If you want to make your font-size responsive without using media queries I encourage you to learn about the clamp() method

Hope you found this comment helpful 💗💗💗

Good job and keep going 😁😊😉

AReactDeveloper• 340

@AReactDeveloper

Posted 2 months ago

very clean I'm impressed what did you use to get the design in such pixel perfect accuracy ?

Dylan de Bruijn• 3,190

@DylandeBruijn

Posted 2 months ago

@AReactDeveloper

I used the Figma file for this project to help me out. But it's perfectly doable by eye if you compare the screenshots and reiterate on that!

AReactDeveloper• 340

@AReactDeveloper

Posted 2 months ago

@DylandeBruijn very nice thank you so much

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