Crown Street, Wollongong, 2500

Flex Alignment and Spacing

Melody Jaimon • December 9, 2022

Alignment

Align multiple elements

You can save time with Flex by aligning numerous items inside the same section, column, or flexbox at once.


To align many elements:


  1. Click the alignment icon () in the floating menu after selecting the section, column, or flexbox.
  2. Choose the desired alignment.


Change the direction of auto layout, stretch, and other alignment choices are available in the design panel.


To coordinate several design panel elements:


  1. Select Edit design from the context menu when you right-click the relevant section, column, or flexbox.
  2. Select the appropriate vertical and horizontal content alignment in the Layout section of the design panel under Align elements.


When you align text from the floating menu or design panel, it aligns the text as well as the div tag.

Align single element

While many items may be aligned at the same time, there are occasions when you simply need to modify the alignment of one element inside a flex column without impacting the other elements.


To align a single element, use the following syntax:


  1. Choose the required element.
  2. Click the alignment icon in the floating menu and pick the appropriate alignment. Alternatively, right-click the element and choose Edit design. This brings up the design window, where you may change the alignment in the Align section.

Spacing

Spacing Between Elements

The amount of horizontal or vertical spacing between columns within the same flex section or widgets inside a column, flexbox, or advanced grid may be configured.


To adjust the space between items, do the following:


  1. Select Edit design from the context menu when you right-click the selected section, column, flexbox, or advanced grid.
  2. Type or use the slider to specify the percent value of horizontal space or the pixel value of vertical space you wish to exist between pieces in the Spacing between items field in the Spacing section of the design panel.


By selecting the Reset padding symbol in the floating menu, you may reset the padding for both sections and columns.

See How Our Agency Can Drive Massive Amounts of Traffic to Your Website

Website Design designed for your audience and to be found on Google Searches
SEO - unlock relevant and increased SEO traffic. 

Paid Media - effective paid strategies with a clear ROI.

Get Started

Love My Online Marketing has 10+ Years of working alongside businesses and helping them grow. Discuss your options for online success from website Design and Development through to Google Marketing. Book a Free 20min Discovery Call.

Book A Discovery Call

Do you want more traffic and business leads?

Love My Online Marketing is determined to make a business grow. Our only question is, will it be yours?

Let's Chat
A woman is looking at a laptop with a Google logo on the screen.
By Melody Jaimon March 31, 2025
Boost local visibility with 11 expert tips for Google Business Profile (formerly GMB) optimisation. Learn how to rank higher and attract more customers.
A desk with a computer , laptop , tablet and phone on it.
By Melody Jaimon March 31, 2025
Learn how to create visually appealing websites in Australia that balance creativity and functionality. Explore tips to keep designs simple yet effective. Read more.
A group of people are sitting on a couch looking at their phones and laptops.
By Melody Jaimon March 29, 2025
Learn how to grow from zero on social media in 2025 using Viplikes’ tips on content, trends, and smart promotion tools. Read more to level up your game.
Businessman using a laptop with floating digital marketing icons
By Melody Jaimon March 28, 2025
Learn the key types of digital marketing, their benefits, and the best practices for 2025. Find the right strategy to grow your business online.
The word design is on a piece of paper on a table.
By Melody Jaimon March 25, 2025
Stay ahead with the latest 2025 web design trends. Get expert tips and learn how to make your site stand out. Read more now.
The word seo is written on scrabble tiles on a wooden table.
By Melody Jaimon March 20, 2025
Over 56% of Oscars-related content was blocked due to keyword filters, limiting brand reach. Learn how excessive blocklists impact marketing campaigns.
A woman is holding a camera on a tripod and talking into it.
By Melody Jaimon March 19, 2025
Social media is unpredictable. A website gives influencers control, stability, and new income opportunities. Find out why every content creator needs one.
Two people are pointing at a laptop screen.
By Melody Jaimon March 18, 2025
Plagiarism can harm your SEO and brand reputation. Learn its risks in search marketing and how to stay original using best practices and AI tools. Read more.
A woman is covering her face while using a laptop computer.
By Melody Jaimon March 14, 2025
WordPress vulnerabilities cost businesses time and money. After a hack, we found a better solution—learn why a more secure platform could be the best move for you.
a woman ready to conquer the world
By Melody Jaimon March 12, 2025
Love My Online Marketing shares some of the best and most popular inspiring business quotes for entrepreneurs, with quotes from prominent figures such as Ernest Hemingway, Thomas Edison, and Bruce Lee.
More Posts
Share by: