Guida alle Media Query - CSS 3 Tutorial Italiano Responsive Design - Le basi dello sviluppo web

[@EdoardoMidali]

⚡ É uscito il Corso CSS Zero ad Avanzato in 20 ore sul mio sito codegrind.it/corsi/corso-css-completo/ Non solo vedremo CSS, ma vi parleremo di tutto l'ecosistema che gli ruota attorno come i vari framework, preprocessori, accessibilità, performance, web design e tanto altro.😎👍

[@antobaro2373]

Video molto interessante. Spero arrivino presto gli altri video come annunciato. Ciao

[@a.s6074]

Edoardo ti prego continua a fare tutorials, sei bravissimo e mi stimoli a continuare :D

[@St3nom89]

Bellissimo tutorial e devo dire che spieghi anche molto bene, sono relativamente nuovo in questo mondo (circa 1 mese ma me ne sto veramente innamorando). Devo dire che partendo da 0, non avrei mai immaginato che in così poco tempo sarei riuscito a fare tutto quello che sto facendo e questo lo devo soprattutto a persone come te, che mettono le loro conoscenze a disposizione di tutti, grazie.

[@EdoardoMidali]

ti ringrazio tanto e pensa che (se non li hai già visti) ho corsi completo registrati ad inizio 2021 di css e altro

[@St3nom89]

@@EdoardoMidali li guarderò sicuramente, in questo mondo non si smette mai d'imparare e questo l ho già capito, per ogni problema apparentemente insommortabile c'è sempre una piccola regola che risolve tutto.

[@angelom.3517]

Bravo ! Semplice ma chiarissimo !

[@EdoardoMidali]

grazie!

[@epicdownloader6010]

Un tutorial su bootstrap sarebbero perfetto, bel video

[@EdoardoMidali]

in qualche giorno conto di farlo

[@Superraziel]

Edoardo ho un voglio che oltre i 450px si vede e sotto no. Che proprietà posso usare per farlo sparire?

[@EdoardoMidali]

display

[@iri2228]

Invece di mettere margin-right: auto e margin-left: auto divisi, mettere semplicemente margin: auto darebbe lo stesso effetto?

[@Lorenzo-il2tu]

come sempre, molto chiaro, spero in nuovi video. porterai pyton?

[@EdoardoMidali]

non breve termine ma sicuramente si

[@ariannamonteforte349]

ciao, ho seguito il tuo video per inserire i 4 box come hai fatto tu, ma all'interno ho messo delle immagini. Poi in seguito volevo inserire su ognuna di esse una scritta ma non riesco a centrarla come vorrei... ho provato sia su html che su css ad inserire text-align, float, mettere padding mi risolve ma poi una volta che analizzo su ispeziona come si vede il sito dal telefono le scritte mi si sballano e non rimangono sull'immagine prefissata... come posso risolvere? grazie e complimenti

[@EdoardoMidali]

il box a sua volta è flex così può gestire il testo con le stesse proprietà e usare l'immagine come background

[@ariannamonteforte349]

@@EdoardoMidali scusa non ho capito cosa intendi... ho già inserito in css l'attributo dispay=flex per il box, messo l'immagine in background e inserito la scritta, tuttavia quest'ultima non riesco a centrarla rispetto all'immagine nonostante abbia già provato con tutti gli attributi principali: text-align, center, float e così via

[@dragonheart9672]

Ciao,puoi aiutarmi? Ho settato media screen a min-width 300px e max-width 600px. Perché quando scrivo i codici, questi non si visualizzano in internet?

[@EdoardoMidali]

hai messo la finestra in modalità responsive riducendola oppure con f12?

[@ALESSTIG]

Ciao complementi per i tuoi tutorial, volevo farti una semplice domanda , dato che sono agli inizi, volevo sapere se c'è un modo per estrapolare il codice css di un elemento (non del sito intero). grazie se mi fai sapere ...

[@EdoardoMidali]

f12 sul browser e guarda nella tab element. Scorri gli elementi e sei apposto

[@Wuottfac]

Ottimo video, ho una domanda ,ma la stessa cosa funziona per iparagrafi,h1,form,tabelle,menu? Soprattutto per i menu ? Oggi ho provato ma sono riuscito a fare poco anche perché nel @media screen and (max-width non lo da ne come suggerimento e non lo colora come codice giusto)secondo te perché?

[@EdoardoMidali]

funziona con tutto. In merito al problema non saprei detto così, dovrei vederlo

[@Wuottfac]

@@EdoardoMidali ok ho risolto ,ti ringrazio, posso contattarti da qualche parte se non é disturbo?

[@vincenzotalia1582]

Ciao, perché al Container hai dato un ID e lo hai richiamato su css con il punto e tutto ha funzionato?

[@EdoardoMidali]

indicami a che punto perchè non mi ricordo

[@vincenzotalia1582]

@@EdoardoMidali Minuto 4

[@EdoardoMidali]

​ @vincenzo talia non funziona, perchè il mio obiettivo era quello di avere i margini a lato, così come se noti la max width non viene presa minimamente.

[@ciaobello1501]

@@EdoardoMidali lui chiedeva come mai hai chiamato, nello style, un id con un punto invece che con l'hastag e come mai il programma non ti abbia dato errore

[@alexalessandria1234]

Ma potrei mettere la media direttamente al body. Nel senso arrivato a 720px va tutto a larghezza 100%

[@EdoardoMidali]

certamente

[@bytescript2]

02:28 ho scoperto questa shortcut: .box$ * 4

[@kekko9683]

Ma se tipo questi box erano centrati come si faceva poi

[@EdoardoMidali]

in che senso? non ho capito

[@kekko9683]

@@EdoardoMidali se quei blocchi di colore chiamiamoli così li si facevano centrati.. per fare la query screen il procedimento è sempre quello?