Troubles with assignment Tribute Page

HTML-CSS
1

Tell us what’s happening:
hi, guys. So i couldn’t pass some points in this assignment. 1. Your img element should have a display of block 2. Your #image should have a max-width of 100% 3. Your #image should be centered within its parent
P.S. I have checked ID letter by letter in HTML and it matches.
Thank you.

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

#main {
    background-color: rgb(223, 220, 220);
    border-radius: 10px;
    margin: 30px 10px;
    padding: 15px;
    max-width: 1280px;
    max-height: 100%;
}
.container {
    text-align: center;
}
#mainHeader {
   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
#heading2 {
font-weight: normal;
}
#img-div {
 background-color: white;
padding: 10px;
margin: 0;
text-align: center;   
max-width: 800px;
}
#image {
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
 
}
#tribute-info {
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}
h4 {
    text-align: center;
}
ul li {
    margin-bottom: 10px;
    line-height: 30px;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36 Edg/102.0.1245.39

Challenge: Build a Tribute Page

Link to the challenge:

2

I think we’ll need to see your HTML as well, can you paste it in here? Remember to wrap it in triple back ticks.

1 Like
3

Woooow! You answered. Thank you !!! I thought that it is a waste of time, cause usually people don’t answer. I’m new to coding and computers. So, I spent all night struggling:) But I did it. Thank you one more time. You gave me hope that people answer questions on this forum. Have a nice day!

4

I think on this forum you will get an answer pretty quickly if you give us all the information we need. It looks like originally you didn’t include your HTML so I couldn’t help you. I see it is there now. I don’t know when you added it, but when you do make an update, be sure to reply to a message so that the person who is asking for more information knows that you gave it to them.

I’m glad you figured it out.

5

Got it. Next time I will be prepeared;) Thank you.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.