Stats Preview Card using html and css only

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted over 1 year ago

  Hi! Great Work Out There , I noticed that you're using flexbox on the ul element. In my experience, I would recommend using grid box with grid-template-columns: 3 1fr to better align it with the design reference also u can use vertical-align : middle on image instead d-block but either works the same as i notice. overall I hope this suggestion helps and works for you. thanks happy coding :)

  ul {

  display: grid;

  grid-template-columns: repeat(3,1fr);

  margin-top: 3rem;

  list-style-type: none;

  }

  Marked as helpful

  0

  ---

  

  aulia•70

  @powrezePosted over 1 year ago

  Hi ! @AkoToSiJeromeEh Oh yeah, I've struggled with that too. I can't set the ul element to looks exactly like the design. I would love to try your recommendation. Anyway, Thank you for your feedback 🙏

  1