Thanks for the great feedback! I’ve taken a good few weeks away from this project to continue on other things, and now that I’m up to the next set of projects, I wanted to fix this up and improve on it before I continue. Just to recap between your replies on what I did: I ditched the hidden div’s, adding paddings, improved on my grids for small screens (great advice! dived right into the basics of it!), replaced the 3-3-3-3 shenanigans, replaced h3 with p and h1 as appropriate, used a quote tag, ported the css over, and overall cleaned stuff up. But now I have more questions for you!
I wasn’t quite able to figure out making the list out of the social media links, so I improvised with center and display: inline. After quite the tinkering with a list I wasn’t able to center it without some sort of invisible indent from the list, despite setting the list style to none. Is there an easier way to use a list? Also, with ems and rems, when do I use them? Do you have a helpful guide as to what should be set with them? How do I know the user’s settings won’t break the elements? Regarding the painfully long links, that’s how it copied over from “copy image address.” Is there a way to consistently get a concise address like the other ones? Lastly, I had two final things that absolutely confused me and I wasn’t able to make sense of. Whenever I use the size xs in col-xs-#, it doesn’t seem to understand that size and assumes its not there. Yet when I looked up details on Codepen’s version, v4 alpha, xs was a size? The other confusing thing was the initial quote and picture in the about section. For whatever reason, the picture wants to jump down on its own, and doesn’t scale within whatever size I set it to. When I set the quote to col-sm-9, the picture has to be set to a column size of 12 instead of 3 or else the picture is 1/4 its proper size. When I used width (75% for the quote), the picture does the same thing and requires 100%, and refuses to scale down despite its img-fluid class. What’s going on that the image keeps jumping down instead of being responsive?