@weldu0
Posted
👋 Hey, @SamaraOliveira07! I have a few suggestions for your project:
-
Use
display: flex
for thebody
like this:body { display: flex; flex-direction: column; justify-content: center; height: 100vh; }
This will help center all the content more easily.
-
To make your image a perfect circle, the
height
andwidth
most be have the same value and useobject-fit: cover
. Theobject-fit
property will crop some parts of the image to achieve the circular shape. You can learn more aboutobject-fit
in this MDN documentation.
If you want to dive deeper into learning Flexbox
, here is a great link from MDN. For an interactive way of learning Flexbox properties, check out Flexbox Froggy.
Great work! 👏
I hope you find this helpful. 😊
@SamaraOliveira07
Posted
@weldu0 I loved the tips, thank you very much! I will apply them to my project
@weldu0
Posted
You're welcome! I'm glad to hear that it was helpful. @SamaraOliveira07