u/RulerOfLimbo

I know a lot of you has come across this problem. The step won’t pass. I’ve visited the forums with no luck.

Even trying Google Chrome didn’t work.

When are they going to fix this issue?

Does anyone have a way to make this step pass?

(For reference the code for the step is the last line:

body {
font-family: Arial, sans-serif;
padding: 40px;
text-align: center;
background-color: brown;
}

.card {
background-color: white;
max-width: 400px;
padding: 40px;
margin: 0 auto;
border-radius: 10px;
box-shadow: 0 4px 8px gray;
transition: transform 0.3s, background-color 0.3s ease
}

.card:hover {
background-color: khaki;
transform: scale(1.1);
}

h1::before {
content: "🥳 ";
}

h1::after {
content: " 🥳";
}

.message {
font-size: 1.2em;
margin-bottom: 20px;
}

.card-links {
margin-top: 20px;
display: flex;
justify-content: space-around;
}

.card-links a {
text-decoration: none;
font-size: 1em;
padding: 10px 20px;
border-radius: 5px;
color: white;
background-color: midnightblue;
transition: background-color 0.3s ease;
}

.card-links a:hover {
background-color: orangered;
}

.card-links a:active {
background-color: midnightblue;
}

.card-links a:focus {
outline: 2px solid yellow;
}