Tribute Page - Build a Tribute Page

HTML-CSS
1

My page does not have the Solution Link bar for me to copy my URL from Code Pen in. Directly below the User Stories is is the Run the Tests button. There is no way for me to submit my project.

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

You can no longer submit via CodePen. You must paste your solution into the freeCodeCamp editor.

3 
#main {
 max-width: 1240px;
 max-height: 100%;
 margin: 10px auto;
 padding: 15px;
 background-color: #dddddd;
 border-radius: 5px;
}

#title{
  text-align: center;
}

#main > p{
  text-align: center;
}

#img-div{
  max-width: 600px;
  margin: 0 auto;
  padding: 15px;
  background-color: #ffffff
}

#image{
  display: block;
  max-width: 100%
  padding-bottom: 10px;
}

#tribute-info{
  max-width: 600px;
  margin: 0 auto;
}

#tribute-info > h3{
  text-align: center;
}

#tribute-info > ul li{
  margin-bottom: 10px;
  line-height: 30px;
}

h5{
  text-align: center;
}

Okay I did that. And it says my CSS #image codes are not passing the test but I’m not sure whats wrong with them. The 3 text my CSS are not passing are:

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.

4

Make sure that in your HTML you are linking the CSS

6

I linked them and now its two test that will not pass:

Your #image should have a max-width of 100% .
Your #image should be centered within its parent.

This is how I linked them:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<link rel="stylesheet" href="styles.css" type="text/css">

</head>
8

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