Skip to content
Submitted about 1 month ago

QR CARD Task 1

Shankarganesh-B•30
@Shankarganesh-B
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

The main challenge that I encountered in this project was vertical alignment of the parent container. I recheck my entire CSS stylesheet and finally by giving 100% height for the html, i was able to achieve it.

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

the image provided was too large and I had to resize it to be smaller. my doubt is that, if that is how this should be done or am I missing out on something, which would help get proper sized image without nay need for altering. Also I don't understand why the mobile resolution give is too low.

Community feedback

  • ks9927•100
    @ks9927Posted about 1 month ago

    You did a good job on this. It looks almost exact to the design except for the text. I would recommend making the bolder text more smaller by using a p element or using a different heading number.

    0

Please log in to post a comment

Log in with GitHub

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