Starting to Grasp Responsiveness

Hi Dalma, -Well done for completing this challenge. -Here are some suggestions. -I noticed that as you hover over the button everything gets a bit bigger because of the border of the button. You can fix this by adding the border to the original state of your button and make it same color as the background. -Another way to fix this is to remove the border from the button:hover and replace it with this: 'box-shadow: inset 0 0 0 2px hsla(0, 0%, 100%, 0.75);' This will add a shadow inside the button and it will not mess with your spacing. -I also noticed that you did your media queries for 400px max-width. Your design gets messed up before it reaches 400px. I would recommend changing it to 650-700px. -Hope this helps. Minden jot kivanok

Congratulations. Your solution looks great. Very well done. I’d suggest a couple of small things to take your widths and heights a step further:

Use min-height: 100vh instead of height. This will ensure that on smaller screens the content doesn’t overflow.

Keep in mind that width is 100% by default on block elements.

I hope this helps. Congrats again on your solution.