Dashboard Layout - Layout resposive utilizzando Bootstrap di una Dashboard

Questa è una soluzione per eseguire questo esercizio puramente dal lato visivo con il solo uso di HTML e framework Bootstrap (CSS).

Sommario

• Panoramica
  • La sfida
  • Screenshot
• Il mio processo
  • Costruito con

Panoramica

La sfida

Il layout di questo esercizio è una Dashboard responsive implementata con Bootstrap V5.0.2 In allegato troverete le screenshot per vedere il layout anche nelle versioni responsive.

Screenshot

Layout Desktop

Layout Tablet

Layout Mobile

Il mio processo

Per prima cosa costruisco il layout responsive di base senza stili. Ho implementato le varie sezioni con lo stile. Successivamente ho aggiunto le transizioni e i contenuti all'hover.

Costruito con

• Semantica HTML5 markup
• Framework Bootstrap
• Desktop-first workflow