Feedback - Tribute Page

Feedback - Tribute Page
0

#1

Hi,
Please could you give your feedback for my Tribute page.
Thanks!


#2

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!!!


#3

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.


#4

Can somebody help me how to use media queries in this case?


#5

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.


#6

Thank you :grinning:


#7

You are very welcome.