Skip to content
OverviewSolutions
6
Comments
6
Lucas Gabriel
@lucasgabriel2806

All comments

  • Lucas Gabriel•80
    @lucasgabriel2806

    You can make small adjustments to element dimensions, such as height and add more precise margins.

  • Htet Naing Lynn•20
    @HtetNaingLynn55555
    What are you most proud of, and what would you do differently next time?

    I just want to take a part in frontend mentor challenges.

    What challenges did you encounter, and how did you overcome them?

    how to position card background image was challenging for me. I read mozilla developer network blog.

    What specific areas of your project would you like help with?

    any suggestion are welcome

    Responsive with HTLM and CSS

    1
    Lucas Gabriel•80
    @lucasgabriel2806

    You can use the flexbox property to help you align elements on the screen and to make it responsive for mobile devices. A tip, for mobile devices, use the flex-direction: column property.

  • Lucas Gabriel•80
    @lucasgabriel2806

    You can use height: 100vh to let the background color fill your entire body

  • Eugen•180
    @Fender60
    What challenges did you encounter, and how did you overcome them?

    I did it without a layout for figma, so there was a little difficulty with dimensions and indents.

    Flexbox, Scss

    2
    Lucas Gabriel•80
    @lucasgabriel2806

    Does the solution include semantic HTML?

  • Lucas Gabriel•80
    @lucasgabriel2806

    You can set a higher height for your main div.

  • Lucas Gabriel•80
    @lucasgabriel2806

    You can set the height: 100vh to let the background-color fill the entire screen. You can also use FlexBox to vertically center your div. Try using this set of rules: body { display: flex; justify-content: center; align-items: center; }

    Marked as helpful