Need feedback on my tribute page

Need feedback on my tribute page
0

#1

Just wondering why it looks like a mess on different devices, or other screen sizes.


#2

Nice work man!!! congrats on finishing your tribute page.


#3

The reason it looks different on smaller screens is because you are using fixed left and right margins for your highlight class. You could use percentages as margins and they would change relative to the screen size. For example if you made the following changes to your “hightlight” class:

.highlight {
  background-color: rgba(240, 240, 240, 1); 
  margin-left: 5%;
  margin-right: 5%;  
}

and changed your img selector to:

img {
  max-width: 90%;
  display: block;
  height: auto;
}

then the image width would be less than or equal to the divs using the highlight class.