I build this project and would like to have any suggestions about how to improve it, specially about the font style/sizes and colours.
Any tips are appreciate
https://codepen.io/Defavari/pen/LEVaVeK
*Edit: this is where my inspiration came from
Welcome back to the forum @Defavari
Here are a few tips:
Remove unnecessary white space from attribute values.
<ul class="bands ">
Do not add an attribute if you are not going to use it.
<li class="krissiun">
Use the br element to add line breaks.
<li class="krissiun">Krissiun
<p>22/08 • 21h</p></li>
Instead of using fixed units, consider using relative units. They can make the page more responsive.
font-size: 15px;
Try resizing the browser to see responsiveness of the page.
Happy coding
1 Like
Im reviewing this page on my outdated iPhone running iOS 15. So what I’ll say might not be accurate since the browser is outdated.
Looking from the phone, it didn’t look like it was scaled properly, some Images were overflowing. Try making it more responsive. If you’re reviewing the code NOT on codepen, use the browser devtools so that you can Scale your website according to different Screen sizes. Microsoft Edge’s Devtools allow you to Scale a website to almost all iphones (till 14), iPad Pros, Surface devices, etc. I don’t know about Chrome.
1 Like
Ok! Thank you for your tips!
2 Likes
Ok, I got it. I’ll try to use more relative units.
1 Like