Design comparison
Solution retrospective
Hey guys! This is my first challenge, so I struggled a lot to complete the project. I have no particular questions, but any feedback is appreciated. Thank you:)
Community feedback
- @ChamuMutezvaPosted over 3 years ago
Congradulations for finishing you first challenge.
- at 375px and below the site looks good but immediately after the site breaks. Your breakpoint
@media screen and (max-width:375px)
was too early , it has to be adjusted. A user must be able to view all the content regardless of screen size - your css file is formated to the far right such that at first i thought the file was empty
- use css to uppercase text , avoid this
<p class="stat-head">COMPANIES</p>
, screen readers read uppercased words , letter by letter (not as a word)
Marked as helpful0@saya-takahashiPosted over 3 years ago@ChamuMutezva Thank you very much for your advice! I did not pay attention to points you mentioned at all... I'll check the css file again and revise the points. I appreciate with your comment! ;)
0 - at 375px and below the site looks good but immediately after the site breaks. Your breakpoint
- @SaifN97Posted over 3 years ago
Hey Saya! Great work on this one!🎉
I'll suggest look more into using the combo of
rem
andem
units.. I struggled on this one too but learning to use the correct units helped me big time on my next projects!!Have fun coding :) Cheers!
Marked as helpful0@saya-takahashiPosted over 3 years ago@SaifN97 Thank you very much for your advice! Yes... rem and em units are difficult for me to understand, but I'll try to master the function. I appreciate with your comment! :)
0
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