Lucas Gabriel
@LucasGabriel2806All comments
- @mojtaba-mehrzadSubmitted 30 days ago@LucasGabriel2806Posted 30 days ago
You can make small adjustments to element dimensions, such as height and add more precise margins.
0 - @HtetNaingLynn55555Submitted 3 months agoWhat 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
@LucasGabriel2806Posted 3 months agoYou 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 - @KhaledSaeed18Submitted 3 months ago@LucasGabriel2806Posted 3 months ago
You can use height: 100vh to let the background color fill your entire body
0 - @Fender60Submitted 3 months agoWhat 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.
- @komijanimatin1Submitted 3 months ago
- @KhaledSaeed18Submitted 11 months ago@LucasGabriel2806Posted 3 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 helpful0