Hero 19

Published
March 13, 2024
Category
#1 Site for managing finances

We convert small biz to customer love.

Our passion is transforming small businesses into customer magnets with personalized solutions that build lasting relationships.

Add to collection

Overview

This section is designed to incorporate an image that spans 50% of the screen's width, extending beyond the container's boundaries. This effect is achieved through the application of custom CSS, utilizing a grid layout.

Instructions:

  1. Encapsulate all content within a DIV element.
  2. Insert an Image element.
  3. To establish a gap between the content and the image element within the main grid, navigate to: Div CSS -> Advanced -> Custom CSS. It is advisable to utilize the clamp unit for spacing. This approach eliminates the need to define different spacing values for smaller screens.

Tips:

  • To alter the positioning of the content relative to the image, simply interchange their placements. This modification will be automatically accommodated.

You might also like

Headspin Logo
1.2.3
Built with
Breakdance
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.