Hi all, here’s what I have for my portfolio page so far. I really like the scrolling effect that I’ve seen in many pages, but I’m thinking that might require JS(?) and I’ll be able to add it in later.
Any feedback would be super appreciated. Thank you 
oof. uploaded my portfolio site to my domain and it just doesn’t look the same as in codepen. 
I obviously need to make some edits/get more familiar with bootstrap. I know this will be a great learning experience in the end, but definitely quite frustrating atm. 
Hello @drake-king,
The “big” element is obsolete. Use CSS instead.
From line 37 to line 37:
<h1><big><strong>Drake King</strong></big></h1>
MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/big
The obsolete HTML Big Element (
<big>) renders the enclosed text at a font size one level
larger than the surrounding text (medium becomes large, for example). The size is capped at the
browser’s maximum permitted font size.
<a href="#about">
<h3>About</h3>
</a>
MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
Do not use lower levels to decrease heading font size: use the CSS font-size property
instead
CSS: “text-align”: “justified” is not a “text-align” value
From line 27 to line 27:
#about {
...
text-align: justified;
}
MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/CSS/text-align
/* Keyword values */
text-align: left;
text-align: right;
text-align: center;
text-align: justify; <-- here
text-align: justify-all;
text-align: start;
text-align: end;
text-align: match-parent;
/* Block alignment values (Non-standard syntax) */
text-align: -moz-center;
text-align: -webkit-center;
/* Global values */
text-align: inherit;
text-align: initial;
text-align: unset;
CSS: “text-size”: Property “text-size” doesn’t exist.
From line 28 to line 28:
#about {
...
text-size: 48px;
}
MDN documentation:
https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
Problems with the social-icons ( #contact)
cheers and happy codding
Note:
tool used:
https://validator.w3.org/
I used ( the npm package: serve ) and chrome headless (not codepen) to take the screenshots
https://www.npmjs.com/package/serve
https://developers.google.com/web/updates/2017/04/headless-chrome
Ok, made some changes and uploaded to my own domain. I will keep updating this as I learn more (about to start the javascript portion of Web Dev Bootcamp, and then the javascript portion of FCC), but I think this one is better than the last attempt
thanks for feedback! any additional is welcomed
