.createStoreMain { width: 100%; display: flex; flex-direction: column; grid-gap: 15px; } .createStoreMainSec { display: flex; flex-direction: column; grid-gap: 25px; background: white; padding: 25px; border-radius: 8px; box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); } .createStoreMainSec.createStoreMainSecAlt { display: grid; grid-template-columns: 1fr 1fr; } @media (max-width: 768px) { .createStoreMainSec.createStoreMainSecAlt { grid-template-columns: 1fr; } } .createStoreMainTitle { display: flex; flex-direction: row; grid-gap: 15px; justify-content: space-between; } .createStoreMainTitleInfo { display: flex; flex-direction: column; grid-gap: 10px; } .createStoreMainSecBox { width: 100%; display: flex; flex-direction: column; grid-gap: 10px; min-width: 50%; } .createStoreMainSecBox.createStoreMainSecBoxFull { grid-column-start: 1; grid-column-end: 3; } @media (max-width: 768px) { .createStoreMainSecBox.createStoreMainSecBoxFull { grid-column-start: 1; grid-column-end: 1; } } .inputMainWrapper.createStoreMainSecBoxInside { height: 100%; justify-content: space-between; } .btnMain.createStoreMainSecBoxInsideBtn { align-self: end; font-size: 16px; margin-top: 5px; background: white; color: rgba(0,0,0,0.3); border: solid 1px rgba(0,0,0,0.1); font-weight: 700; }