How do I center align my collection list?

Design help CMS
1

Hey Webflow Community,

I’ve been bugging my head over how I can align my collection list items that I am using throughout my page.

Do you have any idea on how to achieve that?

Thanks a lot for your help! :slight_smile:

Fred

image
image961×737 130 KB

Here is my public share link: https://preview.webflow.com/preview/julian-being?utm_medium=preview_link&utm_source=designer&utm_content=julian-being&preview=6cbf4a8dffd1173f22aa9079a3acefae&workflow=preview
([how to access public share link][2])

[2]: Share a read-only link | Webflow University o

2

hi @fredj32 here is one way

CleanShot 2021-07-15 at 15.13.39
CleanShot 2021-07-15 at 15.13.392046×814 233 KB

3

Thanks for your reply!

I’ve tried that, however, it doesn’t seem to work:

Fyi: I am working on the tablet view atm.

image
image1839×612 194 KB

4

hi @fredj32 there is more you should to do to customise it for each viewport the way you need.

CleanShot 2021-07-15 at 15.54.52
CleanShot 2021-07-15 at 15.54.522033×866 240 KB

Feel free to read this article to become familiar how CSS Flexbox works.

5

Hey Stan!
Thanks for sharing the article with me!
I’ve read it, and found the solution.

6

HI @fredj32 Im happy to help, if your issue doesn’t persist feel free to close your request by checking any response as solution.