Componenti

Esercizio: coltivazioni

Realizza il seguente layout responsivo, in versione desktop e mobile:

Ricorda che puoi usare la display property di Bootstrap per far apparire un div o una img:

solo nella versione desktop: d-none d-lg-block
solo nella versione mobile: d-block d-lg-none

Per le immagini che mantengono le stesse proporzioni e devono solo essere riposizionate è più conveniente usare la griglia di Bootstrap.

Per quanto riguarda l'header, il componente navbar è in grado di disporsi automaticamente in modo verticale nei dispositivi mobili, quindi non saranno necessarie particolari modifiche.

Requisiti essenziali perché il lavoro venga accettato:

correttezza nella creazione della griglia nelle versioni desktop e mobile
qualità delle immagini
rispetto delle proporzioni
rispetto dei padding
coerenza di immagini e testi col soggetto
indentazione