Hello, good morning. I’ve tried to create the solution for this task, but it’s not working. Your .blog-post-card element should have a border-radius property with a value (should not be 0 or a negative value). I’ve tried everything and the problem persists. Can anyone help me? Thank you.
Your .blog-post-card element should have a border-radius property with a value (should not be 0 or a negative value).
HTML
<!DOCTYPE *html*>
<html *lang*="en">
<head>
<meta *charset*="UTF-8">
<meta *name*="viewport" *content*="width=device-width, initial-scale=1.0">
<title>Document</title>
<link *rel*="stylesheet" *href*="style.css">
</head>
<body>
<div *class*="blog-post-card">
<img *class*="post-img" *src*="https://cdn.freecodecamp.org/curriculum/labs/cover-photo.jpg" *alt*="Manos escribiendo en el teclado de una laptop, enfocadas en la pantalla de una computadora portátil.">
<div *class*="post-content">
<h2 *class*="post-title">How to Create a Blog Post Card with CSS</h2>
<p *class*=" post-excerpt">Learn how to design an attractive blog post card using HTML and CSS.</p>
<a *href*="#" *class*="read-more">Read More</a>
</div>
</div>
</body>
</html>
I’ve edited your post, so your code is easier to read and test. In the future, please follow this guide to format your code:
There are two ways you can format your code to make it easier to read and test:
After you copy/paste your code into the editor, select it by dragging your cursor over it then click the (</>) button in the toolbar to automatically wrap your code in backticks. (You can click on the animated demo image below to enlarge it.)
Manually add three backticks on a new line above your code and on a new line after your code. Note that a backtick is NOT the same as a single quote('). To find the backtick key on your keyboard, see this post.
To see changes to your post as you make them, you can click the (M+) button on the toolbar to bring up the rich text editor:
In the future, if you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge.
The Help button will create a new topic with all the code you have written and also include a link to the challenge. You will still be able to ask any questions in the post before submitting it to the forum.
You know, you’ve made me realize, you’re absolutely right, I had a mistake in the CSS link, I was missing an ‘s’. I spent a lot of time thinking it was my code or the browser. Thanks.
