@JasonMitchell02Submitted over 2 years ago
Latest comments
- @DRUEVISUALPosted over 2 years ago
Hello! I like your result! But i have few tips for you. First of all, i started a few months ago too, so i know the frustration that the placement causes. But it's not that hard just need to get the hang of it.
Try to use temporary borders with contrasting color around the objects you are working with (parent, child), this helped me so much!
To place your card to the center of the screen change the following: Body{ display: flex; align-items: center; justify-content: center; height: 100vh; }
You can remove the margin from around the container.
What we just did now is simply centered a box (container) inside a box (body) with flex. Ideally you don't set a static value to the body height but in this case it's okay. If you want to do it properly you should put your container (which contains the card) inside a main element and use the trick we just did on the body.
The div inside the container on the line 17 and 37 is not necessary.
I'm not that good in explaining things i tend to over complicate it, but i really wanted to help you! So ask if something isn't clear.
Marked as helpful0
