{"id":125302,"date":"2022-04-05T11:50:46","date_gmt":"2022-04-05T11:50:46","guid":{"rendered":"https:\/\/elementor.com\/blog\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/"},"modified":"2025-12-28T10:30:59","modified_gmt":"2025-12-28T08:30:59","slug":"ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/","title":{"rendered":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive"},"content":{"rendered":"\n

In Elementor 3.6, introduciamo i Contenitori Flexbox, una nuova struttura di layout snella che porta il CSS<\/a> Flexbox nell’Editor. Questa struttura ti permette di ottenere rapidamente design responsive<\/a> perfetti al pixel e layout super avanzati, con un markup molto pi\u00f9 snello, che migliora notevolmente le prestazioni. Questa funzione segna un cambiamento radicale nel modo in cui i siti web vengono costruiti usando il builder di Elementor ed \u00e8 la base per una serie di altre capacit\u00e0 avanzate. <\/p>\n\n

I Contenitori Flexbox sono un nuovo blocco di costruzione in Elementor che ti permette di disporre, allineare e distribuire elementi in un Contenitore in modo leggero e responsive. Con i Contenitori Flexbox, puoi inserire widget<\/a> direttamente nel Contenitore, e anche annidare Contenitori all’infinito. Poi, puoi controllare il layout e la distribuzione dei widget all’interno del Contenitore, e adattare il tuo contenuto a ogni dimensione dello schermo, ottenendo una maggiore reattivit\u00e0, senza compromettere la velocit\u00e0 e senza scrivere una sola riga di codice. <\/p>\n\n

Dopo diversi mesi nella Dev Edition e dopo aver implementato molti feedback dalla community, introduciamo i Contenitori Flexbox come Esperimento Alpha.<\/p>\n\n

Quando l’esperimento \u00e8 attivato, potrai aggiungere nuovi Contenitori a una pagina invece di Sezioni, Colonne e Sezioni Interne. Potrai anche aggiungere Contenitori a una pagina esistente che era stata precedentemente costruita con il layout Sezione-Colonna. Con l’esperimento attivato, non potrai aggiungere nuove Sezioni o Colonne alle tue pagine. <\/p>\n\n

Prova prima nel Playground dei Contenitori Flexbox<\/h2>\n\n

Poich\u00e9 i Contenitori sono un nuovo modo di costruire strutture di siti web in Elementor, questa versione \u00e8 accompagnata da materiale educativo aggiuntivo, incluso il Playground dei Contenitori Flexbox<\/a>. Questo playground include 10 lezioni, per aiutarti ad abituarti a progettare layout con i Contenitori Flexbox. <\/p>\n\n

Nota bene<\/strong>: Gli esperimenti dovrebbero essere usati con cautela \u2014 le funzioni sono introdotte come Esperimenti quando includono cambiamenti infrastrutturali che possono impattare il tuo sito web in modi imprevisti. Scopri di pi\u00f9 sugli esperimenti qui<\/a>. <\/p>\n\n

Se disattivi l’esperimento, ogni Contenitore che crei sar\u00e0 rimosso dal tuo sito web, potrai ripristinarli se riattivi l’esperimento e torni a una revisione precedente. <\/p>\n\n

Nota importante sulla versione 3.6 di Elementor<\/strong><\/p>\n\n

Quando Elementor 3.6 \u00e8 stato rilasciato per la prima volta il 22 marzo, alcuni utenti hanno riscontrato problemi tecnici a causa dell’incompatibilit\u00e0 con plugin di terze parti. Abbiamo immediatamente rilasciato una patch con Elementor 3.6.1, che dovrebbe risolvere la maggior parte dei casi di questo problema riducendo le regole di applicazione degli errori, e permetter\u00e0 all’Editor di caricarsi.<\/p>\n\n

Qual \u00e8 la differenza tra Contenitori e Sezioni?<\/h2>\n\n
\"\"<\/figure>\n\n

Quando attivi l’esperimento dei Contenitori, potrai aggiungere Contenitori alla tua pagina, cos\u00ec come trascinare Contenitori sulla Canvas, o in un altro Contenitore usando il widget dal Pannello dell’Editor. Noterai anche che i bordi del Container sono di un blu pi\u00f9 scuro rispetto ai bordi della Sezione. <\/p>\n\n

Qui sotto ci sono alcune altre differenze tecniche tra Container e Sezioni. <\/p>\n\n

<\/td>Struttura dei Container Flexbox<\/strong><\/td>Struttura Sezione-Colonna<\/strong><\/td><\/tr>
Aggiungendolo alla tua pagina<\/strong><\/td>Aggiungi un Container nell’Editor con il simbolo ‘+’, o trascina il widget Container nell’Editor<\/td>Aggiungi una sezione nell’editor con il simbolo ‘+’<\/td><\/tr>
Posizione del widget <\/strong><\/td>Direttamente all’interno di un Container<\/td>In una Colonna, all’interno di una Sezione<\/td><\/tr>
Larghezza del widget<\/strong><\/td>Inline di default <\/td>Larghezza piena di default <\/td><\/tr>
Nidificazione<\/strong><\/td>Nidificazione infinita <\/td>Una Sezione Interna <\/td><\/tr>
Direzione del widget <\/strong><\/td>Colonna, Riga, Colonna Inversa o Riga Inversa<\/td>Colonna o Posizionamento Inline<\/td><\/tr>
Design reattivo<\/strong><\/td>Ordine personalizzato di widget o Container per ogni dispositivo<\/td>Colonna Inversa o Duplica Sezioni<\/td><\/tr>
Allineamento <\/strong><\/td>Flex-Start, Flex-Center, Flex-End<\/td>Sinistra, Centro, Destra<\/td><\/tr>
Collegamenti ipertestuali<\/strong><\/td>Avvolgi il container per collegarlo<\/td>Collega un widget, non una sezione o colonna<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

I Container Flexbox cambieranno il tuo modo di creare siti web<\/h2>\n\n

Con i Container Flexbox puoi creare rapidamente layout semplici e avanzati, e migliorare l’esperienza utente e le prestazioni. Ecco alcuni esempi di come:<\/p>\n\n

Crea layout perfetti al pixel con un markup snello, velocemente<\/h3>\n\n
\"\"<\/figure>\n\n

Prima, se volevi creare un layout per un sito web<\/a> che includesse diversi widget in una riga, dovevi o impostare la larghezza di ogni widget su inline, creando un flusso di lavoro ridondante, o creare una sezione con diverse colonne al suo interno, danneggiando le prestazioni. Ad esempio, se volevi creare una sezione logo con 4 loghi in fila, con sezioni e colonne dovevi o impostare la larghezza di ogni logo su inline, o creare una sezione con 4 colonne e mettere un logo in ciascuna. <\/p>\n\n

Con i Container Flexbox, puoi usare un singolo container, aggiungere tutti i loghi che vuoi e cambiare la direzione del Container da colonna a riga, per vedere tutti i tuoi loghi in una fila, con un solo clic. Puoi anche sfruttare il controllo Justify Content per distribuire i loghi come preferisci all’interno del Container. <\/p>\n\n

Personalizza completamente il tuo design per ogni breakpoint<\/h3>\n\n
\"\"<\/figure>\n\n

Mentre progetti il tuo sito web, \u00e8 importante considerare come appare su dispositivi diversi. Un design che funziona su desktop potrebbe non fornire la stessa esperienza utente su uno schermo pi\u00f9 piccolo, come quello mobile. Sfruttando la potenza di CSS Flexbox, puoi personalizzare il design del tuo sito web per ogni dispositivo. Puoi cambiare la direzione, l’ordine, l’allineamento e la distribuzione degli elementi all’interno del tuo Container per ogni dispositivo, senza dover creare Container duplicati. Questo risulta in un’esperienza utente migliorata, senza influire sulle prestazioni del tuo sito web. <\/p>\n\n

Facilita esperienze utente intuitive con Container cliccabili<\/h3>\n\n

Alcuni design fanno pensare ai visitatori che l’intera area del contenuto sar\u00e0 cliccabile – come una card. Tuttavia, quando provano a cliccarla, hanno difficolt\u00e0 a trovare l’area della card che \u00e8 effettivamente cliccabile. Con i Container, puoi avvolgere l’intero Container e aggiungere un link ad esso, rendendo l’intero Container cliccabile, creando un’esperienza altamente intuitiva per i tuoi visitatori. <\/p>\n\n

\"\"<\/figure>\n\n

Annida Container all’infinito per creare layout avanzati<\/h3>\n\n

I Container Flexbox ti permettono di creare layout avanzati pi\u00f9 velocemente. Mentre con il layout Sezione-colonna potresti inserire solo una singola Sezione interna all’interno di una Colonna, con i Container Flexbox puoi annidare Container all’infinito. Annidare Container ti permetter\u00e0 di impostare direzioni e allineamenti diversi per ciascuno, per creare rapidamente layout molto avanzati. <\/p>\n\n

\"\"<\/figure>\n\n

Sfrutta la potenza di CSS Flexbox nell’Editor di Elementor<\/h2>\n\n

I Container Flexbox, introdotti come esperimento, rappresentano un salto quantico nella flessibilit\u00e0 del design. Con l’esperimento attivato, potrai sfruttare tutti i vantaggi di CSS Flexbox nell’Editor di Elementor, che ti permetter\u00e0 di creare design sofisticati molto pi\u00f9 velocemente e con un output DOM molto inferiore. A parte i vantaggi immediati in termini di flessibilit\u00e0 di design, i Container sono anche la base di diverse interessanti funzionalit\u00e0 in arrivo, quindi resta sintonizzato e provali prima nel Playground<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web. <\/p>\n","protected":false},"author":2024207,"featured_media":125303,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[470,456],"tags":[460],"marketing_persona":[],"marketing_intent":[49],"class_list":["post-125302","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-it","category-nuove-funzionalita","tag-video"],"acf":[],"yoast_head":"\nEcco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive<\/title>\n<meta name=\"description\" content=\"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-04-05T11:50:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T08:30:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Gabriella Laster\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive\",\"datePublished\":\"2022-04-05T11:50:46+00:00\",\"dateModified\":\"2025-12-28T08:30:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\"},\"wordCount\":1104,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"Nuove Funzionalit\u00e0\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\",\"url\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\",\"name\":\"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\",\"datePublished\":\"2022-04-05T11:50:46+00:00\",\"dateModified\":\"2025-12-28T08:30:59+00:00\",\"description\":\"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\",\"width\":2400,\"height\":1256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/it\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nuove Funzionalit\u00e0\",\"item\":\"https:\/\/elementor.com\/blog\/it\/category\/nuove-funzionalita\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/it\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/it\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/it\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g\",\"caption\":\"Gabriella Laster\"},\"description\":\"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.\",\"url\":\"https:\/\/elementor.com\/blog\/it\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive","description":"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/","og_locale":"it_IT","og_type":"article","og_title":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive","og_description":"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.","og_url":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2022-04-05T11:50:46+00:00","article_modified_time":"2025-12-28T08:30:59+00:00","og_image":[{"width":2400,"height":1256,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","type":"image\/png"}],"author":"Gabriella Laster","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Scritto da":"Gabriella Laster","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive","datePublished":"2022-04-05T11:50:46+00:00","dateModified":"2025-12-28T08:30:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/"},"wordCount":1104,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/it\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","keywords":["Video"],"articleSection":["Elementor","Nuove Funzionalit\u00e0"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/","url":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/","name":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/it\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","datePublished":"2022-04-05T11:50:46+00:00","dateModified":"2025-12-28T08:30:59+00:00","description":"Elementor 3.6 segna il primo passo di una serie di aggiornamenti infrastrutturali che cambieranno il modo in cui crei siti web, partendo dai Contenitori Flexbox. Usando questa funzione potrai creare design perfetti al pixel, responsive e snelli.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","width":2400,"height":1256},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/it\/ecco-elementor-3-6-sfrutta-i-contenitori-flexbox-per-creare-design-top-e-responsive\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/it\/"},{"@type":"ListItem","position":2,"name":"Nuove Funzionalit\u00e0","item":"https:\/\/elementor.com\/blog\/it\/category\/nuove-funzionalita\/"},{"@type":"ListItem","position":3,"name":"Ecco Elementor 3.6: Sfrutta i Contenitori Flexbox per creare design top e responsive"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/it\/#website","url":"https:\/\/elementor.com\/blog\/it\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/it\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/it\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/it\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/it\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/elementor.com\/blog\/it\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d05a13ed44651430b9565d128ead6845482cddcafc9c725e89ecf083b78288e9?s=96&d=mm&r=g","caption":"Gabriella Laster"},"description":"Gabriella is a Product Marketing Director at Elementor, where she helps bridge the gap between complex web technology and seamless user experiences. With a decade of experience in marketing and entrepreneurship, she\u2019s passionate about empowering creators to build their digital dreams.","url":"https:\/\/elementor.com\/blog\/it\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/comments?post=125302"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125302\/revisions"}],"predecessor-version":[{"id":125305,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/posts\/125302\/revisions\/125305"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/media\/125303"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/media?parent=125302"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/categories?post=125302"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/tags?post=125302"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/marketing_persona?post=125302"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/it\/wp-json\/wp\/v2\/marketing_intent?post=125302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}