Project feedback help needed!

Code Feedback
1

https://codepen.io/Rehan1/pen/ExVPoeP

here is my tribute page and i’m having an issue on the ‘figcaption’ being responsive on mobiles i have tried media queries but it don’t seem to work an help?

2

Move the box styles to the #quote container element, give it a percentage width (or a max-width) and center it using margin auto.

#quote {
  margin: auto;
  width: 60%;
  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 0px 5px 0px grey;
  padding: 20px;
}

#quotebylar {
  text-align: center;
  font-family: arial;
  color: grey;
  font-size: 1em;
}
1 Like
3

Thank you it helped! look at my code now