👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
About Snippet
Categories
0
Comment
Summary
- Style for Colors
- Style for Graphics
- Style for Typography
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | CSS (Round 2) by Brian Dys Sahagun (@briandys) on CodePen.
Categories
Summary
- Style for the Layout
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | CSS (Round 1) by Brian Dys Sahagun (@briandys) on CodePen.
Categories
Summary
- Convert the Tags into
<div>and<span> - Classify the Elements by Adding
classAttribute
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | HTML (Round 2) by Brian Dys Sahagun (@briandys) on CodePen.
Categories
Summary
- Start with the Basic HTML Document Markup
- Mark up the Structure, Groups, and Individuals in HTML
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | HTML (Round 1) by Brian Dys Sahagun (@briandys) on CodePen.
Categories
Summary
- Group and Label Content
- Structure the Groups Using HMF
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | Plain Text (Round 2) by Brian Dys Sahagun (@briandys) on CodePen.
Categories
Summary
- Convert Content into Plain Text
Demo
See the Pen RE:Creation No. 2: Nutrition Facts Label | Plain Text (Round 1) by Brian Dys Sahagun (@briandys) on CodePen.