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

Use flexbox to align the card, also use both color and font variables,

@iamkevin-sz

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


What are you most proud of, and what would you do differently next time?

I am proud of having solved the exercise, next time when I start I will put the css variables from the beginning

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

The challenges I found were that the texts and images went outside the size of the container, so I started to think and said if I put a flex display it will surely be solved, and that's what happened, but it kept coming out of the container. the length, although the width was already fine, so I commented on the height and it worked

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

I would like help with the container part, since at the beginning I was thinking of creating a container and making the card there, but then I said I need two containers, one for the background, and the other for the card.

Community feedback

Kendotcom 60

@Kendotcom

Posted

The solution given is alright and it gave me insights on how to improve my solution a bit

0
Hroldddp 60

@Hroldddp

Posted

Your website demonstrates a strong understanding of design principles and problem solving. I am impressed with how you resolved the issues with text, width and images by implementing flex displays, ensuring they stayed within the containers, that's a hell yuh.

0

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