Skip to content
Submitted over 2 years ago

Responsive component using Sass and Flexbox

Candy Fair•90
@Candyfair
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

Here is my solution for this challenge. I still have a few questions though:

  • Are there better ways to organise the HTML code in the "Annual plan" block than using lots of divs and Flexbox?
  • I used a media query for the mobile version, what would be the recommended max-width for the screen size for mobile devices?

Many thanks for your feedback!

Community feedback

  • Account deleted

    recomendo dar uma olhada no site do bem - https://en.bem.info/ - para sanar sua idéia sobre as divs extras.

    obs: seria melhor substituir a div por uma section ou um article, ...faz mais sentido.

    Marked as helpful
    0
  • Matthew Taormina•40
    @MatthewT95Posted over 2 years ago

    You could look into css grid for the plan section instead of flexbox.

    Marked as helpful
    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