Help on personal portfolio project

1

hello FCC campers i am working on personal portfolio project but i am stuck i want to put

my project images on on a same column but it doen’t work i used:

.project-tile {
display: flex;
flex-direction: column;
justify-content: center;
margin: 2%;
width: 100%;
}
your help will be highly appreciated here is the link
https://codepen.io/jackson-tuyisenge/full/BPBdPP

2

Hey,

you are currently applying the flex-related CSS to .project-tile { ... }, but if you want them to be on the same row/column you have to apply the flex CSS to their parent container. So instead of typing everything flex-related in .project-tile { ... }, try changing it to #projects { ... }.

3

I personally would use grid and have them 2 columns on desktop and one on mobile, but that is just a design preference