I couldn't handle the mobile design part guys how can i do that ?

Hi nice work you can use media query eg @media only screen and (max-width:900px) then display:block , this will make them stack on top of each other . Use cursor: pointer; for the button and remember to add the hover states for the button button:hover {}

Hello Ata, You have done a good work! 😁

To do website as a responsive for mobile you must use @media queries -> read here

Also one tip of graphic design: with font-family:" Big Shoulders Display ", cursive the browser will use the Comics Sans font when it doesn't find the first font indicated (you can seen during loading)... for the designer it's a really awful font! I would rather replace it with a font-family:" Big Shoulders Display ", sans-serif much more similar to the primary font.

Keep learning how to code with your amazing solutions to challenges.

Hope this help 😉 and Happy coding!