Skip to content
Submitted 7 months ago

QR-Code Component using flexbox

Mine•90
@Mineshaye
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 are you most proud of, and what would you do differently next time?

I'm a beginner in frontend development and I'm happy I was able to center the container vertically on the body with CSS .Back then when I didn't really know CSS I used to use the HTML tag, Which is bad Practice.

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

When I wanted to align the card vertically on the center of the page using align-items:center .It didn't work until i changed the height of the body to 100vh.

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

I had problems with the layout.I was not able to align the paragraph to the link to the author because I used dispay:flex for the body . I'd really appreciate any assistance or feedback . Thank you in advance for your support!

Community feedback

  • Jarmo•80
    @JarmovdPosted 7 months ago

    Hi Shaye,

    Your link to the author is aligned perfectly to the center but your QR- code card isn't. Might I suggest to look at this site and see if you can come up with a solution. https://blog.hubspot.com/website/center-div-css You already gave your body a height of 100vh so that's a good start! Happy coding! :-)

    Kind regards, Jarmo

    Marked as helpful
    0
    Mine•90
    @MineshayePosted 5 months ago

    Thank you @Jarmovd I'll check it out

    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