center content insde a fluid container

Forum|Forum|1 year ago
September 24, 2024
6 replies
746 views

Hi guys, looking for a tutorial on how to center content inside a fluid container, any help would be greatly appreciated!

This topic is closed to new replies. Start a new post to keep the conversation going.

Correct answer Nancy OShea

Do you mean the social media icons across the top?

Just place all 4 icons inside 1 auto centered <div> like this:

<div class="col-md-8 mx-auto">

Icon | Icon | Icon | Icon

</div>

</div>
<div>

Hope that helps.

Nancy OShea

Community Expert

The so called 'FluidGrid Layouts' from 12+ years ago have long since been abandoned for better, more stable layout approaches that don't rely on Floats and Clearfixes.

Answers to all layout questions are contained in your HTML & CSS code. The fastest way for fellow users to help you is for you to post the URL to your online page.

What are you trying to center?
Do you want the axis centered horizontally (x), vertically (y), or both (x & y)?

Aligning items:

Nancy O'Shea— Product User & Community Expert

N

Neal37963021vjxtAuthor

Inspiring

thanks so much for the reply. The alignment I'm looking for is horizontal. I'm trying to center the images and 4 columns inside the fluid container. My webSite is -> https://jeetah.org/