I couldn't handle the mobile design part guys how can i do that ?
Design comparison
Solution retrospective
I tried to do website as a responsive for mobile version but i couldn't find a solution for that. How can i do this guys ?
Community feedback
- @AdrianmbuguaPosted about 2 years ago
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 {}
Marked as helpful0@ata58011Posted about 2 years ago@Adrianmbugua Thank you Adrian i did what you said it worked very well
0 - @denieldenPosted about 2 years ago
Hello Ata, You have done a good work! 😁
To do website as a responsive for mobile you must use
@media
queries -> read hereAlso 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 afont-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!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord