{"id":125322,"date":"2022-04-05T11:50:46","date_gmt":"2022-04-05T11:50:46","guid":{"rendered":"https:\/\/elementor.com\/blog\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/"},"modified":"2025-12-28T10:30:59","modified_gmt":"2025-12-28T08:30:59","slug":"hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/","title":{"rendered":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken"},"content":{"rendered":"\n

In Elementor 3.6 introduceren we Flexbox Containers, een nieuwe, slanke layoutstructuur die CSS<\/a> Flexbox naar de Editor brengt. Met deze structuur kun je snel pixel-perfecte responsieve<\/a> designs en super geavanceerde layouts maken, met een veel slankere markup, wat de prestaties flink verbetert. Deze feature betekent een transformerende verschuiving in hoe websites worden gebouwd met Elementor’s builder en is de basis voor een heleboel extra, geavanceerde mogelijkheden. <\/p>\n\n

Flexbox Containers is een nieuw bouwblok in Elementor waarmee je effici\u00ebnt items in een Container kunt layouten, uitlijnen en verdelen op een lichte en responsieve manier. Met Flexbox Containers kun je widgets<\/a> direct in de Container plaatsen, en ook Containers oneindig nesten. Daarna kun je de layout en verdeling van widgets binnen de Container controleren, en je content aanpassen aan elk schermformaat, wat resulteert in betere responsiviteit, zonder in te leveren op snelheid, en zonder een regel code te schrijven. <\/p>\n\n

Na een paar maanden in de Dev Edition, en na veel feedback van de community te hebben verwerkt, introduceren we Flexbox Containers als een Alpha Experiment.<\/p>\n\n

Als het experiment aan staat, kun je nieuwe Containers aan een pagina toevoegen in plaats van Secties, Kolommen en Inner Secties. Je kunt ook Containers toevoegen aan een bestaande pagina die eerder was gebouwd met de Sectie-Kolom layout. Met het experiment aan kun je geen nieuwe Secties of Kolommen meer toevoegen aan je pagina’s. <\/p>\n\n

Probeer het eerst uit in de Flexbox Containers Playground<\/h2>\n\n

Omdat Containers een nieuwe manier zijn om websitestructuren te bouwen in Elementor, komt deze release met extra educatief materiaal, waaronder de Flexbox Containers Playground<\/a>. Deze playground bevat 10 lessen om je te helpen wennen aan het ontwerpen van layouts met Flexbox Containers. <\/p>\n\n

Let op<\/strong>: Wees voorzichtig met experimenten \u2014 features worden ge\u00efntroduceerd als Experimenten wanneer ze infrastructurele veranderingen bevatten die je website op onvoorziene manieren kunnen be\u00efnvloeden. Lees hier<\/a> meer over experimenten. <\/p>\n\n

Als je het experiment deactiveert, wordt elke Container die je hebt gemaakt verwijderd van je website. Je kunt ze herstellen als je het experiment opnieuw activeert en terugkeert naar een eerdere revisie. <\/p>\n\n

Belangrijke opmerking over versie 3.6 van Elementor<\/strong><\/p>\n\n

Toen Elementor 3.6 voor het eerst werd uitgebracht op 22 maart, ondervonden sommige gebruikers technische problemen door incompatibiliteit met plugins van derden. We hebben meteen een patch uitgebracht met Elementor 3.6.1, die de meeste gevallen van dit probleem zou moeten oplossen door de foutafdwingingsregels te verminderen, en de Editor zal laden.<\/p>\n\n

Wat is het verschil tussen Containers en Secties?<\/h2>\n\n
\"\"<\/figure>\n\n

Als je het Container-experiment activeert, kun je Containers aan je pagina toevoegen, en ook Containers naar het Canvas slepen, of in een andere Container met behulp van de widget uit het Editor Panel. Je zult ook merken dat de randen van de Container een donkerdere tint blauw hebben dan de randen van de Sectie. <\/p>\n\n

Hieronder staan nog wat extra technische verschillen tussen Containers en Secties. <\/p>\n\n

<\/td>Flexbox Containers Structuur<\/strong><\/td>Sectie-Kolom Structuur<\/strong><\/td><\/tr>
Het toevoegen aan je pagina<\/strong><\/td>Voeg een Container toe in de Editor met het ‘+’ symbool, of sleep het Container widget naar de Editor<\/td>Voeg een sectie toe in de editor met het ‘+’ symbool<\/td><\/tr>
Widget locatie <\/strong><\/td>Direct in een Container<\/td>In een Kolom, binnen een Sectie<\/td><\/tr>
Widget Breedte<\/strong><\/td>Standaard inline <\/td>Standaard volledige breedte <\/td><\/tr>
Nesting<\/strong><\/td>Oneindig nesten <\/td>E\u00e9n Inner Sectie <\/td><\/tr>
Widget richting <\/strong><\/td>Kolom, Rij, Kolom Omgekeerd, of Rij Omgekeerd<\/td>Kolom, of Inline Positionering<\/td><\/tr>
Responsief ontwerp<\/strong><\/td>Aangepaste volgorde van widgets of Containers voor elk apparaat<\/td>Kolom omkeren of Secties dupliceren<\/td><\/tr>
Uitlijning <\/strong><\/td>Flex-Start, Flex-Center, Flex-End<\/td>Links, Midden, Rechts<\/td><\/tr>
Hyperlinken<\/strong><\/td>Wikkel de container om hem te hyperlinken<\/td>Hyperlink een widget, niet een sectie of kolom<\/td><\/tr><\/tbody><\/table><\/figure>\n\n

Flexbox Containers Gaan Veranderen Hoe Je Websites Bouwt<\/h2>\n\n

Met Flexbox Containers kun je snel eenvoudige en geavanceerde layouts maken, en de gebruikerservaring en prestaties verbeteren. Hieronder staan een paar voorbeelden van hoe:<\/p>\n\n

Maak Pixel-Perfecte Layouts Met een Slank Markup, Snel<\/h3>\n\n
\"\"<\/figure>\n\n

Vroeger, als je een website<\/a> layout wilde maken met een aantal widgets in een rij, moest je of de breedte van elke widget op inline zetten, wat een overbodige workflow cre\u00ebert, of een sectie maken met een aantal kolommen erin, wat de prestaties schaadt. Als je bijvoorbeeld een logosectie wilde maken met 4 logo’s in een rij, zou je met secties en kolommen ofwel de breedte van elk logo op inline moeten zetten, of een sectie moeten maken met 4 kolommen en in elk een logo plaatsen. <\/p>\n\n

Met Flexbox Containers kun je een enkele container gebruiken, alle logo’s toevoegen die je wilt, en de richting van de Container veranderen van kolom naar rij, om al je logo’s in \u00e9\u00e9n rij te zien, met \u00e9\u00e9n klik. Je kunt ook gebruik maken van de Justify Content bediening om de logo’s naar wens binnen de Container te verdelen. <\/p>\n\n

Pas Je Ontwerp Volledig Aan Voor Elk Breekpunt<\/h3>\n\n
\"\"<\/figure>\n\n

Bij het ontwerpen van je website is het belangrijk om te bedenken hoe deze eruit ziet op verschillende apparaten. Een ontwerp dat werkt op desktop biedt mogelijk niet dezelfde gebruikerservaring op een kleiner scherm, zoals mobiel. Door gebruik te maken van de kracht van CSS Flexbox, kun je het ontwerp van je website aanpassen aan elk apparaat. Je kunt de richting, volgorde, uitlijning en verdeling van items binnen je Container voor elk apparaat veranderen, zonder duplicate Containers te hoeven maken. Dit resulteert in een verbeterde gebruikerservaring, zonder de prestaties van je website te be\u00efnvloeden. <\/p>\n\n

Faciliteer Intu\u00eftieve Gebruikerservaringen Met Klikbare Containers<\/h3>\n\n

Sommige ontwerpen laten bezoekers denken dat het hele inhoudsgebied klikbaar zal zijn – zoals een kaart. Maar als ze proberen erop te klikken, hebben ze moeite om het gebied van de kaart te vinden dat daadwerkelijk klikbaar is. Met Containers kun je de hele Container omwikkelen en er een link aan toevoegen, waardoor de hele Container klikbaar wordt, wat een zeer intu\u00eftieve ervaring voor je bezoekers cre\u00ebert. <\/p>\n\n

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

Nest Containers Oneindig Om Geavanceerde Layouts Te Maken<\/h3>\n\n

Flexbox Containers stellen je in staat om sneller geavanceerde layouts te maken. Terwijl je met de Sectie-kolom layout maar \u00e9\u00e9n inner-Sectie binnen een Kolom zou kunnen plaatsen, kun je met Flexbox Containers Containers oneindig nesten. Het nesten van Containers stelt je in staat om verschillende richtingen en uitlijningen voor elk van hen in te stellen, om snel zeer geavanceerde layouts te maken. <\/p>\n\n

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

Benut de Kracht van CSS Flexbox in Elementor’s Editor<\/h2>\n\n

Flexbox Containers, ge\u00efntroduceerd als een experiment, vertegenwoordigen een kwantumsprong in ontwerpflexibiliteit. Met het experiment geactiveerd, kun je alle voordelen van CSS Flexbox in Elementor’s Editor benutten, waardoor je veel sneller geavanceerde ontwerpen kunt maken, met veel minder DOM-output. Afgezien van de directe voordelen voor ontwerpflexibiliteit, zijn Containers ook de basis voor een aantal spannende functies die eraan komen. Dus blijf op de hoogte en probeer het eerst uit in de Playground<\/a>. <\/p>\n","protected":false},"excerpt":{"rendered":"

Elementor 3.6 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen. <\/p>\n","protected":false},"author":2024207,"featured_media":125323,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[290,322],"tags":[426],"marketing_persona":[],"marketing_intent":[49],"class_list":["post-125322","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor-nl","category-new-features-nl","tag-video"],"acf":[],"yoast_head":"\nHier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken<\/title>\n<meta name=\"description\" content=\"Elementor 3.6 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!\" \/>\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\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken\" \/>\n<meta property=\"og:description\" content=\"Elementor 3.6 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\" \/>\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=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gabriella Laster\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\"},\"author\":{\"name\":\"Gabriella Laster\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\"},\"headline\":\"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken\",\"datePublished\":\"2022-04-05T11:50:46+00:00\",\"dateModified\":\"2025-12-28T08:30:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\"},\"wordCount\":1118,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png\",\"keywords\":[\"Video\"],\"articleSection\":[\"Elementor\",\"Nieuwe functies\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\",\"name\":\"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#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 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#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\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Nieuwe functies\",\"item\":\"https:\/\/elementor.com\/blog\/nl\/category\/new-features-nl\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/#\/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\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a\",\"name\":\"Gabriella Laster\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/author\/gabriellal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken","description":"Elementor 3.6 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!","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\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/","og_locale":"nl_NL","og_type":"article","og_title":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken","og_description":"Elementor 3.6 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!","og_url":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/","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":{"Geschreven door":"Gabriella Laster","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/"},"author":{"name":"Gabriella Laster","@id":"https:\/\/elementor.com\/blog\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a"},"headline":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken","datePublished":"2022-04-05T11:50:46+00:00","dateModified":"2025-12-28T08:30:59+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/"},"wordCount":1118,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2022\/04\/Introducing-Flexbox-Containers_BLOG-COVER.png","keywords":["Video"],"articleSection":["Elementor","Nieuwe functies"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/","url":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/","name":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#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 is de eerste stap in een reeks infrastructurele updates die de manier waarop je websites bouwt gaat veranderen, beginnend met Flexbox Containers. Vet cool, toch? Met deze feature kun je pixel-perfecte, responsieve en strakke designs maken. Echt top!","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#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\/nl\/hier-is-elementor-3-6-gebruik-flexbox-containers-om-top-presterende-en-responsieve-designs-te-maken\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/nl\/"},{"@type":"ListItem","position":2,"name":"Nieuwe functies","item":"https:\/\/elementor.com\/blog\/nl\/category\/new-features-nl\/"},{"@type":"ListItem","position":3,"name":"Hier is Elementor 3.6: Gebruik Flexbox Containers om top presterende en responsieve designs te maken"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/nl\/#website","url":"https:\/\/elementor.com\/blog\/nl\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/#\/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\/nl\/#\/schema\/person\/840e05baf69a34292aefbd48f3372a2a","name":"Gabriella Laster","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/blog\/nl\/#\/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\/nl\/author\/gabriellal\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/users\/2024207"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/comments?post=125322"}],"version-history":[{"count":1,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125322\/revisions"}],"predecessor-version":[{"id":125326,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/posts\/125322\/revisions\/125326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media\/125323"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/media?parent=125322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/categories?post=125322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/tags?post=125322"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_persona?post=125322"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/nl\/wp-json\/wp\/v2\/marketing_intent?post=125322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}