Hi,
Please could you give your feedback for my Tribute page.
Thanks!
I really like it, it’s cool, anyway I would probably use media queries, to reduce or remove the left and right margins when screen width is too narrow.
Good luck and keep coding!!!
1 Like
Not a bad page. You only have to reconsider your margins when on mobile.
For example, now body has an implicit margin left/right of 8px, your div#main add another 30px each side and your div#tribute-info add other 60px each side, so, you are ending up to eating a lot of space (192px) of your entire display width.
I would just add a media query to adjust that margins when on mobile.
1 Like
Can somebody help me how to use media queries in this case?
use something like:
@media (max-width: 400px) {
#main {
margin-left: 10px;
margin-right: 10px;
}
#tribute-info {
margin-left: 20px;
margin-right: 20px;
}
}
you may adjust the values to your own taste.
Thank you
You are very welcome.