@alexandre-joliet
Posted
Hello Romina π!
Congratulations for finishing this challenge!
Additionnaly to what have been said above, here are some others tips:
-
Try to not specify a
max-width
to yourbody
. By doing so, you will always have your element centered in the screen, no matter its dimension. You can test it very easily by using the Inspect mode (F12 key on Chrome) and unticking themax-width
box in thebody
part. -
Avoid to use multiple
h1
elements in the same page for this challenge. I'm not an expert yet on Accessibility, but what I understood is that screen readers will look in priority to these elements when loading a page to enumerate these titles. Having multiples ones and/or using them for non "real" titles elements can cause confusion for the user at the end. Maybe others elements will be more relevant to use here. -
I'm not sure the
align-self
in yourleft_container
has a particular use here (no effect when I've removed it in my test).
Happy coding!
Marked as helpful
@Romina-Bonetto
Posted
@JojoRider excellent tip about max-width in body. Thanks!!