Content 42

Published
March 16, 2024
Category

We convert small biz to customer love.

1000+ Users

Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam.

45 Monthly Releases

Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam.

1.5M+ Transactions

Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam.

120 Team members

Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam.

“Thanks to this management agency, our business has seen significant improvements in efficiency and profitability. They truly understand what it takes to succeed in today's market.”

John Doe
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.1.1
Built with
and
Headspinui
@ 2024 HeadspinUI. All rights reserved.