Skip to content
Submitted 15 days ago

i used display: block makes the image a block-level element.

Eze David•10
@7thKingDavid
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?

Knowing how to get what i wanted using AI was amazing

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

i couldn't center bthe image at first after trying to use margin and padding but, i looked it up immediately from my copilot

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

how to move images around my webpage using css

Community feedback

  • Lauren Delmar•80
    @lrdelmarPosted 15 days ago

    Visually there are some differences, the text is not centered, the font is missing and the rounding of the image itself. I can see you have some duplicate CSS code in there for resetting the border and margins. You can use containers within containers to help you align items. You can use this to group elements together which can help you to position things where you want.

    Marked as helpful
    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