@mayspiekSubmitted over 2 years ago
This is my first challenge! Hope I did good.
This is my first challenge! Hope I did good.
Hi @bregadero!
Welcome to the community! As @Phalcin said is missing ">" sign (but you already know that).
Also, I think it'll be better if you make this changes:
.content { display: flex; align-items: center; text-align: center; height: 100vh; justify-content: center; }
Comments: margin-top is not necessary because there are better options for center content.
With "align-items" you center the content across x-axis. And with "justify-content" you center across y-axis. (Note that "flex-direction: column" has no effect, so you should delete this).
You can check more information about this two properties with flexbox, take a look a cheatsheet about this is really helpful.
Have a nice week!
See u soon!