Skip to content
Submitted over 3 years ago

Single price grid component by I'm Fabra (HTML5, CSS3 and BEM)

I'm Fabra•160
@imfabra
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I solved this challenge using "FlexBox". One of the cards uses the "br" tag to make line breaks in the text, how else could you do it?

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Looks good and where you used the <br> you can use LISTS

    A <ul> is a unordered list A <ol> is a ordered list Then both of them have <li> for each item them hold you can remove the decoration off the list with list style type none in the css

    https://www.w3schools.com/CSS/css_list.asp

    1
    I'm Fabra•160
    @imfabraPosted over 3 years ago

    @palgramming With messy lists, my mind was clouded. I will really apply that change, thank you very much.

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @DanielFabra No problem glad I could help you and look forward to your future challenges that you submit

    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