@ankitshaw1131
Submitted
What do you think is the best way to center the div?
@User9511
@ankitshaw1131
Submitted
What do you think is the best way to center the div?
@User9511
Posted
Looks good!
A small update I would make would be to update the following, This will make your project look more like the design.
.container {
max-width: 19rem;
background-color: white;
padding: 1rem;
border-radius: 18px;
text-align: center;
margin: 0 1em;
}
@sohailebada
Submitted
If you have any suggestions to improve the solution, don't hesitate to tell me in the comments below
@User9511
Posted
Looks really good!
The only thing I can see that you are missing
.payment a {
text-decoration: underline;
}
.payment a:hover {
color: var(--Bright-blue);
}
@Toxgem
Submitted
-Is the code clean enough? -What changes should i be doing to keep best practices? -What would be your approach to this challenge? I wonder what other ways are to clear this one, maybe the usage of buttons, and how many tags i am missing to make it simpler.
@User9511
Posted
I would change your .container to this
.container {
max-width:25rem;
background:linear-gradient(14deg, rgba(23, 30, 40, 1) 0%, rgba(33, 40, 50, 1) 90%);
}
@Kapilrohilla
Submitted
finally completed after a long break
@User9511
Posted
Unable to view your project.
Firefox says it's a dangerous potentially phishing website.
@19akasht
Submitted
Please help me if there is any problem with my code. Thank you
@User9511
Posted
Hey Akash Nagindar Tayde,
You are missing the active hover states on your buttons.
This is how I would solve that issue by creating a new variable in the :root:
:root {
--Lighter-Blue: hsl(233, 100%, 78%);
}
btn btn-blue:hover {
background-color: var(--Lighter-Blue);
}
You should also add a hover state for the links in the footer:
footer p:hover {
color: var(--Strong-Cyan);
}
Also, the footer links should be in an unordered list using this syntax:
<footer>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</footer>
Marked as helpful