Github search app with HTML, CSS and JS

Solution retrospective
Hi community, just for feedbacks. I was able to get the project work based on the OS theme and I also added a spinner
Please log in to post a comment
Log in with GitHubCommunity feedback
- @elaineleung
Hi Oba, this looks really cool, and it's nice to be able to search for my GitHub profile 😂
Anyway, my comments are more about the CSS here: I noticed the component wasn't centered, and so I tried centering it in the inspector using
display: grid
andplace-content: center
, which went OK in the end after removing some padding top also. I then looked at your stylesheet and saw that you hadfont-size: 62.5%
on yourhtml
selector, which was a bit puzzling to me, but it explains partly why even when using an 1.3rem fontsize, it doesn't look particularly big (that is, until I removed that line in the HTML and things look more or less the way they should). I would suggest not putting the font-size on the HTML unless you really need to, as that would change all the proportions for everything. Whenever possible, it's best to have it on the body selector, and also it's best to userem
units for font size; if you need it on HTML, do userem
to be safe (the default is 1rem usually).Hope this helps a bit, and great work!
Marked as helpful
Join 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