Tribute Page -APJ Abdul Kalam

Tribute Page -APJ Abdul Kalam
0.0 0

#1

Hi there, It’s my second attempt at making a tribute page and first at responsive one. Though I have not used bootstrap in there but still think it should work properly on most devices. It would be very kind of you, if you can provide some feedback on this one.Thank You! :slight_smile:
Codepen link


#2

Hi Rishbh7, it looks like you still need to to pass one of the tests. The issue seems to be with the main image of your tribute page. You should make the image responsive by adding the following ruleset:

img {
  max-width: 100%;
  height: auto;
}

Tip: Use a class or ID to target it better (instead of just img). If you need to make the image bigger or smaller, then adjust the size of the parent container img-div.

Also, the <center> should not be used in the HTML to center elements (it’s old). If you want to center an image, the usual approach is to make it a block level element, then use margin: auto on it. Like this:

img {
  display: block;
  margin: auto;
}

Hope that helps a bit!


#3

Thanks marco, and yeah thanks for the suggestion as well, i’ll keep in mind from the next time.