Build a Tribute Page | Responsive Web Design (freeCodeCamp)
Learn how to build a Tribute Page and pass the freeCodeCamp Responsive Web Design Certification challenges with this straight to the point walkthrough/tutorial! 👨💻 🎓
Full solution here: https://codepen.io/stral/pen/vYgBBZp
Solutions to freeCodeCamp Responsive Web Design Certification challenges:
Basic HTML and HTML5: https://youtu.be/zysset-BLhk
Basic CSS: https://youtu.be/y6I6LthpTfw
Applied Visual Design: https://youtu.be/zZrUhvs2–Q
Applied Accessibility: https://youtu.be/Qvn8iJKt4yI
Responsive Web Design Principles: https://youtu.be/i67noZ6vx7I
CSS Flexbox: https://youtu.be/oIT_CQmlmWA
CSS Grid: https://youtu.be/2Xgd33WJhi0
https://www.freecodecamp.org/learn/responsive-web-design/#responsive-web-design-projects
0:00 Intro
0:14 Setup
1:33 User Story #1: Element with id=”main” which contains all other elements
2:10 User Story #2: Element with id=”title” which contains a string
2:40 User Story #3: Element with id=”img-div”
3:25 User Story #4: Element with id=”image” within the img-div element
3:58 User Story #5: Element with id=”img-caption” within the img-div
5:10 User Story #6: Element with id=”tribute-info” containing textual content
6:00 User Story #7: Element with id=” id=”tribute-link”
7:20 User Stories #8 / #9: Img element centered and resize responsively
8:15 Style with CSS
11:00 Outro
Copyright Free music provided by:
A New Way – Lesion X
Yourswag – Tubebackr
Ordinary Day – CavalloPazzo
Heartful of Kerosen – Jeff II
Outro: Moose – www.bensound.com
#freeCodeCamp #TributePage #ResponsiveWebDesign