1. Article with unique text links

Requirements

• Create simple article UI for a blog page
• Content wrapper - 800px
• Include headings from 1 to 4
• Include at least 8 paragraphs
• Use couple strong and em tags
• Use specific typography scale rule for the size of your text
• Include ordered and unordered list
• Include 1 quote
• Include a date for the post
• Include a photo and a figure
• Include at least 3 links
• Be mindful about the spacing around elements
• ⭐ Make the links unique by using the text decoration CSS properties.

Design preview

Personal preference

Resources

Not available

Learn more

• Text decoration thickness
• Text decoration color
• Text underline offset
• Typescale generator
• Visual hierarchy
• Collapsing margins MDN
• Collapsing margins video

Discussion topics

• Type scales in typography and UI design common rules
• Collapsing margins
• Different CSS reset approaches
• Utility classes vs no classes when writing articles
• Semantic meaning of figure, picture, q, blockquote, time