Skip to content
OverviewSolutions
6
Comments
6

Lucas Gabriel

@LucasGabriel2806Jaú, São Paulo, Brasil.80 points

Cursando Desenvolvimento de Sistemas🖱💻💾

Latest solutions

Latest comments

  • Lucas Gabriel•80
    @LucasGabriel2806Posted 6 months ago

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

    0
  • Htet Naing Lynn•20
    @HtetNaingLynn55555Submitted 8 months ago
    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
    @LucasGabriel2806Posted 7 months ago

    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.

    0
  • Lucas Gabriel•80
    @LucasGabriel2806Posted 8 months ago

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

    0
  • Eugen•180
    @Fender60Submitted 8 months ago
    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
    @LucasGabriel2806Posted 8 months ago

    Does the solution include semantic HTML?

    0
  • Lucas Gabriel•80
    @LucasGabriel2806Posted 8 months ago

    You can set a higher height for your main div.

    0
  • Lucas Gabriel•80
    @LucasGabriel2806Posted 8 months ago

    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
    0