Submitted almost 2 years ago

Three Column Preview | React | CSS | Flex and Grid

Nikhil Tanwar•260

@NikNT

A solution to the 3-column preview card component challenge

Preview Code

Solution retrospective

Hey everyone!

This was a nice challenge to perform.

Firstly, I planned to use plain HTML and CSS but I observed that the layout of 3-cards is highly similar. To avoid any repetition of code, I leveraged React. I created a JSON and stored the repeating values.

I, then, created the card template and used map to fetch and display all the values.

Please, let me know what I can improve in the code or overall output!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nikhil Tanwar's solution.

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