Hey, I am trying to get the tribute page done but I keep running into the same issues: Your img element should have a
display of block. Your #image should have a max-width of 100%. Your #image
should be centered within its parent.
My CSS is as follows:
- {
padding: 0;
margin: 0;
box-sizing: border-box; /* Add this line for better box sizing */
}
body {
background-color: lightgrey;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, Oxygen, Ubuntu, Cantarell, ‘Open Sans’, ‘Helvetica Neue’, sans-serif;
font-size: 1.6rem;
line-height: 1.5;
text-align: center;
color: black;
}
#main {
/* Ensure the main element contains all other elements */
display: flex;
flex-direction: column;
align-items: center;
}
#title {
/* Describe the subject of the tribute page /
padding: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px; / Adjust the font size as needed /
font-weight: bold; / Make it bold */
}
#img-div {
/* Either a figure or div element */
margin: auto;
padding: 30px;
background-color: #fff;
text-align: center;
}
#image {
/* Responsively resize the image /
max-width: 100%; / Resize relative to parent width /
height: auto; / Maintain aspect ratio /
display: block; / Make it a block element /
margin: 0 auto; / Center horizontally */
}
#img-caption {
/* Describe the image */
padding-top: 5px;
}
#tribute-info {
/* Describe the subject of the tribute page /
font-size: 16px;
padding: 10px; / Adjust padding as needed */
max-width: 600px;
margin: 10px auto;
}
#tribute-link {
/* Link to an outside site /
text-decoration: none; / Remove underline /
color: #0073e6; / Adjust link color as needed /
font-weight: bold; / Make it bold */
}
Then here is my HTML:
Eiichiro Oda Tribute PageEiichiro Oda
The man who changed the history of manga
Timeline of Eiichiro Oda's life:
- 1975 - Eiichiro Oda was born
- 1982 - He won second place prize in "Jun-Nyuusen" when he was 7 years old. This is the same time when eiichiro Oda decided he wanted to become a manga artist.
- 1992 - Won first place with the manga "Wanted!" in the Tezuka competition.
- 1993 - wrote the manga "Kami Kara Mirai no Purezento.
- 1994 - Wrote the Manga Ikki Yako.
- 1996 - The starting point of One Piece was through Eiichiro Oda's Manga project of Romance Dawn.
- 1997 - The first edition of One Piece manga was released and became very popular.
- 1999 - The One Piece Manga was turned into an anime.
- 2004 - Eiichiro Oda marries Chiaki Inaba. Who he met through the production of One Piece. Chiaki Inaba was the voice actor for the One Piece character Nami.
- 2006 - Eiichiro and Akira Toriyama(creator of Dragon Ball) Worked together to create a collaboration project of both of their series called "Cross Epoch"
- 2009 - One Piece Film: Strong Wrold was released.
- 2010 - With the release of "3D2Y" chapter. Eiichiro Oda declared that the seires is half way complete.
- 2011 - Eiichiro Oda and Mitsutoshi Shimabukuro(Creator of Toriko). Worked together on a collaboration piece called "One Piece x Toriko".
- 2014 - Eiichiro Oda does a tribute cover to Masashi Kishimoto(Creator of Naruto). Eiichiro and Masashi were good friends and Eiichiro wanted to congratulate Masashi on the completetion of the Naruto series.
- 2015 - Eiichiro broke the record for the "Most copies published for the same comic book series by a single author"
- 2022 - One Piece anime broke 1,000 episodes.
- 2023 - The realese of the Netflix live action series of One Piece.
"You can't get back what you've lost, What's important now is What is it that you still have."
--Eiichiro Oda
