Only HTML and CSS

I agree with @Da-vi-de but there is one thing missing. It really matters a lot that your approach is mobile-first or Desktop-first. Suppose if you are going with mobile-first approach then for bigger screen use "min-width" in every media query according to screen sizes requirement. if you are working on Desktop first then use "max-width".

One more important thing, in mobile first write your css in ascending media query order with min-width property. and in desktop-first write css in descending media query order with max width property.

If you disturb the order then you will get undesirable visual results. Because media query always dependent upon previous media query css property or default css property.

with regards Aakash Verma

Hi, good result on this challenge. Well done!

• After coding mobile version you just need to add media queries min-width: ..., that's it! You wrote the last media query max-width: 900px in which there's the background-image, you could do it at the beginning, what you've done doesn't really make sense because it's like saying "make changes when the width is smaller and equal to 900px" but you already took care of that, so you can delete it and move that code in your first body. The first media query is right!

Hope it helps a little! Keep coding :-)