Tribute Page - Build a Tribute Page

Tell us what’s happening:

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.

I cant seem to fix the last 3 questions and I’ve been trying to do so for an entire day!

Your code so far

main,section{
  display:flex;
  flex-direction:column;
  align-items: center;
  
  background-color:#EEEEEE;
  
  font-family: 'Hind', sans-serif;
  font-size:1.1em;
  margin:0;
  text-align:center;
}
figure{
  display:flex;
  flex-direction:column;
  align-items:center;
  background-color:#FFFFFF;
  padding:20px;
  text-align:center
}

div{
  display:flex;
  flex-direction:column;
  align-items:center;
}
h1{
  font-size:3.5rem;
  font-weight:700;
  margin-bottom:0;
}
p{
  padding:0;
  margin:0;
}

.box{
  border-radius:15px;
}

#image{
  max-width:100%;
  height:auto;
}

ul{
  max-width:800px;
  text-align:left;
}
li{
  padding:0;
  margin:10px 0;
}
blockquote{
  text-enfasis:;
}

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Welcome :wave:

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like