Submitted over 2 years ago

Responsive Order summary page using HTML and CSS

RG• 30

@Ramana-Giri

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I found adding the "Action plan" text within the light grey box as difficult in this project.
I have added the "change" button with my little known css code but I don't know whether it's the correct way.
I don't know whether my font size is correct but I have used the font size mentioned in the style guide.
Feel free to suggest and comment your opinion on my project.

Community feedback

Asif Ali• 130

@drAsifAli123

Posted over 2 years ago

Hi @Ramana-Giri Everything looks great except the "change" hover state. You need to change the underline of "change" on hover over. To remove the underline on hover, you need to set "text-decoration" to "none" in your hover class.

.change:hover{ text-decoration: none;}

I hope it will help you to improve your practice. If so then please like the post.

Happy Coding🎈

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord