Troubleshooting Grid in Personal Portfolio Project

Happy to hear your feedback on my personal portfolio project. I’m personally happy with the look of the nav and welcome section, but I had a lot of trouble with the project grid.

Any tips for formatting the images within a grid? The images were overflowing the grid cells. I apologize for the sloppy CSS; there was a lot of troubleshooting going on, especially with the grid. The only way I could get the images to cooperate was pasting bits of code from the example project.

Disclaimer: The featured projects are all the same, because it’s the only project I’d forked up to this point (noobie mistake).

Any advice, information, feedback is much appreciated.

Draft of Personal Portfolio

Looks nice to me. I always envy people who can come up with cool color combos.

I don’t see any problem with the images. You might try max-width 100% if they’re overflowing on you.

Thank you. For the colors, I found a website called, which helped me find colors that matched.

Some things to revisit @zachlearnscode;

  • Run your HTML code through the W3C validator.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
    • There are HTML coding errors you should be aware of and address.
  • Don’t use in-line styling. Use external styling for all your styling.
1 Like