hi there! ๐๐
Instead of adding margin to all the child elements you can just add padding to the parent container, and that will line up your text nicely.
Also it's a good idea to set margins
and paddings
using relative units (em, rem, ch, etc), since usually their size depends on the element's size (headings for example usually have their own font-size
as margins above and below them, unless they are extremely large)
And I wouldn't use hard-coded values (pixels) for setting width
or height
.Actually don't even set them. Parent elements will always include child element's content by default, it's better to let the child elements determine the height of the parent, hard-coding heights can cause overflow.
Hope this was helpful ๐
Good luck and happy coding! ๐ช