search

AmaniLouendriz / PontsDeConnaisssance

it's the website for a school support center
0 stars 0 forks source link

Organizing cards in the course section part #9

Closed AmaniLouendriz closed 1 year ago

AmaniLouendriz commented 1 year ago

Hello @caseyli , @7chris71000

I hope you're doing fine! Glad to be back again :))

So, in the homepage section, I had 5 courses each one containing information about the specific course, well, I liked the idea that 3 cards are on the same line, but in the second line, there's a space between fourth and fifth card, and I want to put the fourth and fifth ones between the cards on the first line; like the fourth between the space of first and second card, and the fifth between the space of the second and third card. I drew my thoughts in the picture attached! I tried doing something but it just makes the five ones in one line. Thank you so much !

Amani IMG_20230209_152740_resized_20230209_032909695

caseyli commented 1 year ago

Hey @AmaniLouendriz,

I'm assuming you're using Flexbox display: flex to achieve what you're doing. If so, I would take a look at this: https://css-tricks.com/snippets/css/a-guide-to-flexbox/.

Hint: You're probably dealing with a justify-content issue.

AmaniLouendriz commented 1 year ago

Yes! That was it. It's fine now !