Skip to content
Submitted over 2 years ago

Responsive Order summary page using HTML and CSS

RG•30
@Ramana-Giri
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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
    @drAsifAli123Posted 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🎈

    1

Please log in to post a comment

Log in with GitHub

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