Making my projects turn into columns

HTML-CSS
1

how do I turn my projects into columns?
So far I have tried, flex, and display block but none of them work…
thanks in advance:)
https://codepen.io/nianaz/pen/gORLOVL?editors=1100 <–code link
EDIT: is there a way I can center them?

2

Hi @Kasakapen !
To get projects in columns i had to mess with the .card.

.card {
 /* margin-right: 30px;
  background-color: #fef9d7;
  padding-bottom: 20%;
  border-radius: 15px; */
   display: flex;
  flex-direction: column; 
  align-items: center;
  margin: 10px;
}

I commented out your code (sorry for that) and put a new one. It also centers the projects :grinning:

3

I forgot to mention that I also gave flex-direction: column; to #hello

4

@mrohanrajput
thank you so much for your help!! :grinning_face_with_smiling_eyes:

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.