Centered Header

The page starts with a centered header at the top. The header will be visible on tablets and mobile devices. It will use the full width format, meaning it will stretch across the entire screen. The header can contain the logo, navigation menu, or any other relevant information.

Banner

After the header, there will be a banner. The banner will have a 20% vertical height (vh) setting, which means it will take up 20% of the screen's height. The banner can be used to display a promotional image, a call-to-action, or any other visually appealing content.

Containers with Columns

Following the banner, there will be three containers. Each container will also use the full width format and will be visible on tablets and mobile devices. Inside each container, there will be three columns. The columns can be used to display text, images, or any other content that is relevant to the page. The use of columns allows for a visually appealing and organized layout.

Banners between Containers

Between each container, there will be a banner with a 15% vh setting. These banners act as visual separators between the content sections and provide a smooth transition from one container to the next. The banners can be used to display additional images, quotes, or any other content that enhances the overall design of the page.

Overall, this page is designed specifically for tablets and mobile devices. It utilizes a full width format for all sections and containers, ensuring that the content is displayed optimally on smaller screens. The centered header, banners, and containers with columns create a visually appealing and organized layout for an enhanced user experience.