ify47
@ify47All comments
- @metinahmeterkelesSubmitted 11 months agoWhat are you most proud of, and what would you do differently next time?
- @ify47Submitted 11 months agoWhat are you most proud of, and what would you do differently next time?
N/A
What challenges did you encounter, and how did you overcome them?This is just a revision challenge, been a while i touched a keyboard and i kind off lost my touch
What specific areas of your project would you like help with?N/A
- @nanuKaaSubmitted almost 2 years ago
- @ValentePGSubmitted almost 2 years ago@ify47Posted almost 2 years ago
center your div by adding this to your body in css
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; }
and try to move your styles to a stylesheet to make your code clean, Overall, this is an awesome solution :).
I hope this has been helpful.
Marked as helpful0 - @DevDan21Submitted almost 2 years ago@ify47Posted almost 2 years ago
You should move all the codes in your main css to body, also add a flex direction: column to it and make your min-height: 100vh, By applying these styles to the body element, you create a flex container that centers its child elements both vertically and horizontally, I hope this has been helpful. Overall, this is a good solution :)
Marked as helpful1 - @Marvel08-techSubmitted almost 2 years ago@ify47Posted almost 2 years ago
I think you may have reuploaded the base files instead of your completed work
0 - @moi21devSubmitted almost 2 years ago@ify47Posted almost 2 years ago
Position your body in css using display: flex flex-direction: column justify-content and align items: center min-height: 100vh this will put it in the center with the correct height
Marked as helpful1