esercizio di oggi: Bootstrap Freelancer repo: html-css-bootstrap-freelancer Bootstrap Freelancer Utilizziamo Bootstrap 5 per ricreare il template responsive Freelancer come da screenshots allegati. Milestone 1 Andiamo sulla documentazione di Bootstrap 5 e partiamo dalla sezione "Getting started": https://getbootstrap.com/docs/5.0/getting-started/introduction/ Per prima cosa studiamo l'utilizzo della griglia, leggiamo le specifiche e poi testiamo il codice copiandolo e incollandolo in un nostro file dedicato alle prove. A questo punto creiamo solo la struttura del template, senza entrare nel dettaglio, utilizzando la griglia di Bootstrap. Non andate nel dettaglio, fate solo i blocchi colorati con le altezze fisse. Consigli È importante non sovrascrivere mai le regole di un framework, tutte le aggiunte vanno fatte con nostre classi scritte nel solito file style.css. Per distinguere le nostre classi possiamo usare un naming diverso da quello utilizzato da Bootstrap, ad esempio inseriamo un prefisso come ms_, oppure utilizziamo _ come divisore tra le parole ad esempio header_top. Margini e padding di row e e col non vanno mai modificati, altrimenti la griglia si romperà e non funzionerà più correttamente. In allegato, avete tutto il materiale, sia i layouts smartphone, tablet e desktop che le immagini. Ma quest'ultime le utilizzerete lunedì. Buon Lavoro!