@johnphillipsdev
Posted
Hello Augousto Faggion,
Congratulations on completing your project! I noticed that your buttons have the default styling provided by the browser. You might want to check out some style reset guides online to remove any unexpected defaults. This can be particularly useful when starting new projects. Here are some resources to get you started:
I also noticed that you could complete your project without using many media queries. You can simply add a max-width
property to your card element to prevent it from expanding too far. Here's a link to the documentation for max-width
:
Additionally, you can center your card by giving the wrapping container, in this case the body, a class of display: grid
and place-items: center
. This should center your card nicely for your next preview screenshot. Just remember to set a minimum height of your body to 100vh
to ensure that the container fills the entire screen. Here's some documentation on these CSS properties:
I hope you find these resources helpful! Let me know if you have any questions. - Happy Coding!
@augustofaggion
Posted
@devmanjohn
thank you, i will read this resource and also apply in practice, i apreciate your help