Skip to content
Submitted over 1 year ago

Order summary card solution with BEM, Flexbox

Aram Nayebbandi•510
@devaramnye
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 tryed to work with BEM and creating a CSSguideline to make my CSS look more familiar for everyone who is watching the code. If anyone has suggestions about the way I work with CSS, accessibility and BEM I would appreciate every suggestions.

Built with

Semantic HTML5 markup
CSS custom properties
Flexbox
Mobile-first workflow
BEM (Beginner)

Community feedback

  • Aram Nayebbandi•510
    @devaramnyePosted over 1 year ago

    I made some changes in my final project:

    • Fixed the background for desktop
    • Added medaquery for mobile background
    • Added transitions to my hovers
    • Played around with the boxshadows

    Hope you like the final result.

    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