Now is your last chance to buy a lifetime license before we switch to annual pricing. Existing licenses will be unaffected.
read more
Posted on March 19, 2023

Tutorial - Oxygen Basics: Creating Content Sections with Oxygen

hello world!

This tutorial will guide you through creating one of the most commonly used content layouts found on popular websites. The pattern consists of alternating image and text content and has been proven to be successful, so there's no need to start from scratch.

We'll show you how to create this layout using CSS grid instead of columns and provide tips on adapting it for smaller screen sizes. Additionally, we'll teach you how to create a more engaging content layout where images stick to the top of the viewport as you scroll down, resulting in a collapsing effect as you progress through the content.

Throughout the tutorial, we'll cover how to convert ID styles to class styles, create and use modified classes, adjust your CSS grid layout for mobile breakpoints, and use custom CSS to apply position: sticky to elements.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Oxygen Today

Lifetime, unlimited site license

Copyright © 2024 Soflyy
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram