@vanzasetia
Posted
Hi, Spencer Daniel! 👋
You are already in the right direction by using flexbox to make the card in the middle of the page and setting a max-width
to the card element. The reason why this is a good challenge even though you haven't learned about media queries is that you can make the site responsive without any media queries.
If you take a look on the mobile view such as 360px
* 640px
, you will notice that it looks good. But, you can improve it by adding some padding
to the body
element to prevent the card from touching the edges of the browser.
I suggest removing the max-height
from the card element. Let the content inside it control the height of the card. This way, the card can have more height when it is needed.
I hope this helps! Keep up the good work! 👍
Marked as helpful