Design a Blog Post Card - Design a Blog Post Card

HTML-CSS
1

Tell us what’s happening:

I don’t know why my code doesn’t pass. Everything looks accurate.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Blog Post Card</title>
    <link href="./styles.css" rel="stylesheet">
</head>
<body>
    <div class="blog-post-card">
        <img class="post-img" alt="free code camp image" class="post-image" src="https://cdn.freecodecamp.org/curriculum/labs/cover-photo.jpg">
        <div class="post-content">
            <h2 class="post-title">Post Title</h2>
            <p class="post-excerpt">
            <a class="read-more">Read More</a>
        </div>
    </div>

</body>
</html>

/* file: styles.css */
img{width: 100px;}
.blog-post-card{
  background-color: white; width: 200px;
  border:1px solid #000; border-radius: 4px; text-align: left;}

.post-img{
  width:100%;
  border-bottom: solid 1px #000;
}
.post-content{
  padding: 20px;
}
.post-title, .postexcerpt{
  color: #00ff00;
  margin: 10px 10px;
}
.read-more{
  color: navy;
  background-color: pink; margin: 15px;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 8px;
  text-align: center;
  text-decoration:none;
  display: inline-block;
}
.read-more:hover{
  background-color:gray;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.3 Safari/605.1.15

Challenge Information:

Design a Blog Post Card - Design a Blog Post Card

2

What have you tried to investigate the failing tests?

3

I tried refreshing the browser. I reset the lesson and retyped the code.

4

Did you try using the code to explore the failing test cases?

A test case talks about something specific in your code. You should then go look at that specific spot and see what’s happening.

Which tests are failing? What parts of your code are they related to?

5

Never mind i figured it out. Had to correct a class name in my css.