Classes mismatch while using web preset plugin

Question

Hello Everyone, I am using website preset plugin however, when I drag column from grapes Demo page the styling is different and in my application the styling is different as follows.Am I missing anything? GrapesUI{ box-sizing: border-box; } body { margin: 0; } body{ background-image:url(none); background-repeat:repeat; background-position:left top; background-attachment:scroll; background-size:auto; } .row{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:nowrap; padding...

milapshah15 · Accepted Answer

@artf Please help if I am missing anything

milapshah15 · Answer

f = s ? "
 ." + u + " {
 display: flex;
 justify-content: flex-start;
 align-items: stretch;
 flex-wrap: nowrap;
 padding: 10px;
 }
 @media (max-width: 768px) {
 ." + u + " {
 flex-wrap: wrap;
 }
 }" : "
 ." + u + " {
 display: table;
 padding: 10px;
 width: 100%;
 }
 @media (max-width: 768px) {
 ." + o + "cell, ." + o + "cell30, ." + o + "cell70 {
 width: 100%;
 display: block;
 }
 }", I guess this line from the minified version causes this.Not sure why it is choosing th...

milapshah15 · Answer

Issue fixed. flexGrid : true in the options for basic plugin fixed the issue Warm regards Milap

Classes mismatch while using web preset plugin

Question

Answers (3)

Related Questions and Answers

DOM/Component buginess when editing Classes/Settings

Bug in WebPage Demo

How to display Css in Code viewer in newsletter plugin?

Image not change while we fetch html using editor.getHtml()

Paid Plugins That Match This Issue

Related tutorials

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

Browse Plugin Categories