Feedback on my incomplete tribute page

what does it mean to resize my element responsively relative to the width of its parent element, without exceeding its original ?. I’d appreciate any other thoughts on the page and thank you in advance :slight_smile:

https://codepen.io/modafalla/pen/YzXEJZz

It means that you need to style your image in a way that it shrinks when the viewport (e.g. the browser window) gets narrower but that it does not grow bigger than it originally is when your viewport gets wider.

Regarding your page:

  • Good start. Do you want the bullet points displayed in your list? I find they do not fit.
  • I’ve seen you placed a lot of spaces before the years (header: 1978-2020) in the code. HTML will ignore multiple spaces and consider them as 1 space. If you want to change this, you have to add manual spacing there - could be interesting to find out how to do this for you.
  • I think the h3 (linking to wikipedia) is not a smart choice. h-tags are for headings. Is this a heading? You decide. :slight_smile:

Good luck with your studies!
Beiti.

Try this and notice the difference by changing the width of the page:

Use percentage values in image width.

#image {
  width: 50%;
}

U can use this for 100% width on smalls screens:

#image {
  width: 50%;
}

@media(max-width: 500px) {
  #image{ 
    width: 100%;
  }
}