Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Into its own page on React app with Scss

Brendon 70

@bcrave

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do you prefer to build elements? For this card, I started with the layout of the element itself, defining the height and width of the card, and then placing the image and text inside, wrapping them in a content div with a width relative to the card's width. If I were to start over, I might start with adding the image first and text first, wrapped it in a content div, defined the width of that div directly, and then define the height of the card with margin and padding.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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