Personal Portfolio Finished! Problem with flexwrap

Code Feedback
1

https://codepen.io/colfah/pen/mYKMNO

I’m passing the tests for the personal portfolio but I’m having two problems when I reduce the size.

I have tried to put padding between the projects at the bottom when the wrap but it isn’t working.

Also, they go past the container with the green background. I know I can fix this by increasing the container height in a media query - but is there a smarter way to do it.

Also, if you have any general feedback on project, please let me know!

Colm

1 Like
2

You are limiting the height of the container. You can remove that height at all in a media query

#projects-container{
...
 height: 100vh;

it should be column instead of columns:

#projects {
  display: flex;
  flex-direction: columns;
1 Like