Hello fellow campers,
I’ve been working on my portfolio page the same way I did with my tribute page; to try and make it as similar to the example as possible. The only thing I’ve really attempted to do differently this time round is the color scheme and a few very minor layout changes that I preferred. I’ve completed it to the extent that I can pass the challenge, but I had some questions about things that I wasn’t able to emulate despite researching.
I appreciate that there are a fair few questions coming up so if you’re feeling kind enough to answer please don’t feel obliged to answer all of them!
The picture of me looks fine when on a full screen computer (aside from my face of course ;)) but when looking at it on a smaller screen it goes far too small. I know that this must be partially to do with the img-responsive class, but I don’t know how I could make it move underneath the text into a column like the example page does.
How does the example page have headers and dividers in such different styles and colors? I used bootstrap for mine - is he using a different framework or am I missing a trick?
My header navigates to the correct part of the page using anchors, but it doesn’t highlight the correct button on the header - it just always shows the “About” button as being selected. Is there a way to fix this?
How did the example use different fonts? From my research it looked like I would have to upload fonts onto a server, which obviously isn’t possible with Codepen.
A very minor point but it raised my curiosity… A strange line appears on Github icon when mouse hovers over it. Is this something that I caused or just some sort of unintentional glitch?
Apologies for the wall of text and thank you very much in advance for your time!