Personal Portfolio Finished! Problem with flexwrap

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!


1 Like

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

 height: 100vh;

it should be column instead of columns:

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