Skip to content
OverviewSolutions
7
Comments
3
DerrickInnit
@Derrick-ndemo

All comments

  • DerrickInnit•140
    @Derrick-ndemoPosted over 2 years ago

    If you are talking about the quote image, try using background positioning. You can check out my solution if that's ok

    1
  • Ghaffar_b•240
    @Ghaffar7Submitted over 2 years ago

    How do I go about the responsive layout for this challenge cause I don't really understand responsive layout and media queries yet.

    qr-code-component

    1
    DerrickInnit•140
    @Derrick-ndemoPosted over 2 years ago

    Hello there, I as a newbie will try to explain media queries to the best of my understanding.

    Media query is a CSS technique introduced in CSS3.

    It uses the @media rule to include a block of CSS properties only if a particular condition is true.

    Example If the browser window is 600px or smaller, the background color will be light blue:

    @media (max-width: 600px) { body { background-color: lightblue; } } As for this specific project, you can check out my page or codepen (https://codepen.io/derrick-ndemo) on how I did it

    Marked as helpful
    1
  • Adrian Campos•10
    @jadriancSubmitted over 2 years ago

    What kind of tools do you use to take spaces and colors from a image to convert to a html and css?

    Let me know how I could improve

    QR CODE Card

    3
    DerrickInnit•140
    @Derrick-ndemoPosted over 2 years ago

    Hello there Adrian. I as a Newbie used CSS flexbox to position the middle container. for the text, I personally used the text-align property (center)

    Marked as helpful
    0