Skip to content
OverviewSolutions
4
Comments
3
michiganprogrammer
@michiganprogrammer

All comments

  • vcgmuse•70
    @vcgmuseSubmitted 11 months ago

    Please take a look and let me know how it reads on your end. Let me know if there are issues with font-size or margins and paddings.

    Do transitions from one screen size to another make sense, or is there something you would recommend?

    Blog Card - @Media Multi Screen Only HTML, CSS

    3
    michiganprogrammer•40
    @michiganprogrammerPosted 11 months ago

    one thing you missed was making the learning button change color when hovered over.

    You can use :hover selector in css to achieve that.

    Hope that helps

    0
  • blucorazon•40
    @blucorazonSubmitted 11 months ago

    This wasn't required to be responsive; however, I wonder what I am missing if it were to be responsive. I did a preview using chrome tools to see layout on mobile devices and it seems fine but does my approach scale with complexity? Feedback on this aspect would be appreciated - Thank you

    QR Code Component

    1
    michiganprogrammer•40
    @michiganprogrammerPosted 11 months ago

    I think you did a good job. It looks good in mobile version. As long as all the content is seen in the mobile version then I think it's good.

    1
  • michiganprogrammer•40
    @michiganprogrammerPosted 11 months ago

    Looks good. Some things you might want to do is.

    1. center the card. use justify-content: center; in .main-container
    2. your main-container is not the height of the screen. set height to 100vh.

    .main-container{ background-color: hsl(47, 88%, 63%); height: 550px; display: flex; align-items: center; justify-content: center; /* add to center / height: 100vh; / add to increase of container to screen */ }

    0