How do I optimize spacing (padding) for the mobile view?

Generous white space looks elegant on a desktop, but on a phone, it can lead to the user seeing only 'emptiness'. AI Web Studio allows separate spacing settings.

Select a section in the mobile preview. Go to 'Dimensions' in the right sidebar. You will often see small icons for desktop and mobile next to the sliders.

Reduce the internal spacing (padding) for the mobile version so more content fits on the small screen. However, ensure elements don't 'stick' directly to the screen edge – a side margin of about 15-20 pixels is ideal for thumb navigation.