Skip to content
OverviewSolutions
4
Comments
3

Sarah Arvin

@Sarah-C-ArvinIndianapolis, IN80 points

All things front-end, always learning.

Latest solutions

Latest comments

  • Sarah Arvin•80
    @Sarah-C-Arvin

    This looks really good! For the centering issue, try adding min-height: 100vh; in your body styles instead of using margin on your card div, and that should help:)

    Marked as helpful
  • Sarah Arvin•80
    @Sarah-C-Arvin

    I would recommend using the "mobile first" approach for literally every project you ever do. That's what I learned in the classes I took, anyway! It's much easier to progressively increase the size of your layout, than it is to try to fit all your content on a smaller screen if it's designed for desktop.

    Instead of putting your mobile styles and measurements in your media query, design everything for the mobile design first, and then use a media query to tweak anything that needs tweaked for desktop.

    This is a practice site I did in my class I took when we learned about responsive design, and I think it's a really good example of the mobile-first approach and media query use: https://github.com/Sarah-C-Arvin/Unplugged-retreat

    Hope that helps! Keep up the good work!

    Marked as helpful
  • Sarah Arvin•80
    @Sarah-C-Arvin

    All your class names look like you're already following best practices! This looks great. Keep up the good work!