Having an issue with Lesson 25 in HTML/CSS


#1

Oops, try again.
Did you remember to give your image a 1px solid #4682b4 border?

I am trying to add the border as directed.


Replace this line with your code. Do not remove the backticks.

h1 {
    font-family: Verdana, sans-serif;
    color: #576D94;
}

p {
    font-family: Garamond, serif;
    font-size: 18px;
    color: #4a4943;
}

img {
    height: 100px;
    width: 300px;
    border: 1px solid #4682b4;
}

<!DOCTYPE html>
<html>
    <head><link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
    <h1>Header</h1>
    <p>HELP!</p>
    <img src="https://pbs.twimg.com/profile_images/425063504039538688/sO0mRdKW.jpeg"/>
    </body>
</html>


#2

Hey, I can't see any mistake in CSS

However this course requires you to use the XHTML syntax so leave a space between ..." and />
so:

<img src="https://pbs.twimg.com/profile_images/425063504039538688/sO0mRdKW.jpeg" />

If you are still getting the error please check your zoom and make sure its on 100%


#3

Same problem here. Is it a bug?


#4

did you check zoom ? it should be on 100% or switch browsers ..


#5

I switched from Firefox to Chrome and that made a difference.


#6

I'm having this exact issue. I've re-set my zoom settings multiple times and tried this in both Microsoft Edge and Chrome. I'm about to give up. Any suggestions?
Here is my code:
h1 {
font-family:Verdana, sans-serif;
font-size:18px;
color: #576d94;
}
p {
font-family: Garamond, serif;
font-size: 18px;
color: #4A4943;
{
img {
border:1px solid #4682b4;
height:100px;
width:300px;
{


#7

You have a couple of your curly braces backwards.


#8

Thank you, that worked! I knew it would be something tiny and annoying that I had missed. :wink:


#9

A post was split to a new topic: 25. Is it just me or is nothing wrong with this code?