@LucasGabriel2806
@HtetNaingLynn55555
Submitted
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
@LucasGabriel2806
Posted
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.
@KhaledSaeed18
Submitted
@LucasGabriel2806
Posted
You can use height: 100vh to let the background color fill your entire body
@Fender60
Submitted
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.
@LucasGabriel2806
Posted
Does the solution include semantic HTML?
@komijanimatin1
Submitted
@LucasGabriel2806
Posted
You can set a higher height for your main div.
@KhaledSaeed18
Submitted
@LucasGabriel2806
Posted
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
