Skip to content
Submitted about 3 years ago

Solution HTML and CSS Flexbox only

Hector Sánchez Coronel•75
@encoreOax
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

Hi! This was my first challenge and I want to update some features tu make it more responsive and a little cleaner.

I still belive my code could be cleaner, what do you think?

Community feedback

  • Dmitry•375
    @dmitrymitenkoffPosted about 3 years ago

    Hi encoreOax, your solution looks awesome. Great job on completing your very first challenge. In this case, I'd also choose the anchor element as its sole purpose to lead to a new page to complete the payment process as opposed to submit a form (in which case I tend to go for the actual button element). Here's a link to an article on CSS Tricks on when to choose links vs buttons: https://css-tricks.com/a-complete-guide-to-links-and-buttons/. Hope it helps. Have a lovely day.

    0
    Hector Sánchez Coronel•75
    @encoreOaxPosted about 3 years ago

    @dmitrymitenkoff Thanks for you feed back. Certainly, for that reason I used anchors, but when thinking about an action-related style I considered that a button might be better, but your comment helped me see that after all, the anchor was a good decision. Thanks again.

    0

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