Issue #12 Improve profile picture layout

gibbonhug commented 2 years ago

This pull request addresses Issue #12.

I added flexbox to the profile-picture div and set the images' flex basis to 50% because on small screens this gives us two columns of images, which I thought looked nice. I added bottom padding to the profile container div to make it look like it did before, but more responsive.

This is important so the images do not overflow the portfolio content on small screens.

Before before-pr

After after-pr

[x] My Pod Leader knows I'm working on this Pull Request
[x] I've explained what the Pull Request is adding.
[x] I've explained why this is important.

netlify[bot] commented 2 years ago

Deploy Preview for prep-22-jul-prep-3-portfolio ready!

Name	Link
Latest commit	2e5ad45b24b9381e91c15c9db55de5569c288ff9
Latest deploy log	https://app.netlify.com/sites/prep-22-jul-prep-3-portfolio/deploys/62cdb566499ff70009c6c2f7
Deploy Preview	https://deploy-preview-17--prep-22-jul-prep-3-portfolio.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

awilkescom commented 2 years ago

Great update, thank you!

MLH-Fellowship / prep-portfolio-22.JUL.PREP.3