Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • vcgmuse 70

    @vcgmuse

    Submitted

    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?

    @michiganprogrammer

    Posted

    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

    Submitted

    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

    @michiganprogrammer

    Posted

    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

    Posted

    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