Submitted 9 months ago

Interactive card details using css flexbox, grid, clamp() method

SerikiCode• 20

@SerikiCode

Preview site View code

This is a solution for...

Interactive card details form

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Of course it was difficult getting project to be responsive but I cracked it mainly using CSS clamp() method copiously. LOL. It is super-responsive across multiple dimensions. I would use any suggestions on how to reduce my javascript code size to have the same wonderful project I have built. Any suggestions on any conventions I have broken will be appreciated too.

Community feedback

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