How can I create a responsive app section for different screen sizes?

Store Design
1

Hi community!

I am just starting with Shopify and am wondering how I can make it so the app section takes up half of the width of the screen on desktop and the full width on mobile? This is my website and the page with the app section (the form):

https://35b3c2-3.myshopify.com/pages/create-your-mira

password to view it: leufro

I would like to have it so the form displays to the right of an image on desktop and underneath an image on mobile.

Any help much appreciated! :slightly_smiling_face:

2

Hi @Mathilda1 , go to your base.css and add the following code :

@media (min-width:990px){
section#shopify-section-template--20798237343778__170295790459c44df3 {
    max-width: 50% !important;
}
}