Skip to content
Submitted almost 2 years ago

HTML & CSS (The CSS styling doesn't seen to work on live server)

Arysun•10
@Arysun
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

almost died trying to align the two <p> texts. The CSS styling doesn't seen to work in the live server( i srlsy dont know why. if u have any info about this, pls tell. Hello from Brazil.

Community feedback

  • ZMB•720
    @ZMBAIGPosted almost 2 years ago

    Hi,

    Here are few suggestions to improve your problem.

    .background { background-color: hsl(0, 0%, 100%); display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 85% 34%; border-radius: 25px; }

    -To center an object you can use Flex & Margin . i.e.

    .parent{ display: flex; }

    .child{ margin: auto; }

    or

    .parent{ display: flex; justify-content: center; align-items: center' }

    For further help you can visit, Click Here

    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