Stats Preview Card Solution

Community feedback

• 

  jorditosa•120

  @jorditosa

  Posted over 2 years ago

  Hi!

  Responsive design -> better use lower breakpoints. You have one at 1440px. Try at least two, one at 400-500px, and another at 1200-1400 that's ok.

  HTML -> super important to use more specific labels and les "<div>". Example the image, never inside a div, use "<img>" and always with alt atributte ( better accessibility).

  CSS Grid -> For that kind of uses better is Grid. With displaying in grid, you can develop one column for Mobile viewports, and two columns for bigger screens.

  Design -> correct the margin of big title on desktop viewport. We can create only one container, inside put h2, p, and the stats, and assign a padding or margin once in the main container. With that you would correct and align all the elements correctly as the origin design.

  css -> good file structure

  00

  Marked as helpful