Stats Preview Card Component, view with Desktop and Mobile devices

Community feedback

• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hello, Oyasi! 👋

  I would think flexbox is the perfect thing to do for this layout. Using grid is possible but might not be necessary since it is a one-dimensional layout. 🙂

  One suggestion I have is to use CSS to uppercase the text. The uppercased word in the HTML might be spelled by the screen reader (spelled letter by letter).

  I would recommend taking a look at the page without any styling. Then, see if you could understand the page content. If you are not able to understand the page content then there might be something wrong with the HTML. For example, if you use a div instead of a button for something clickable then when you disable the CSS, the page content will not make sense. Another example will be if the page content should be rendered as a list of items but you are using p elements instead. As a result, the content will not get the appropriate browser's user agent stylesheet.

  That's it! I hope this information is useful! 🙂

  Marked as helpful

  0