Footer Contact Block

Medium
2 views 25 Jan 2026
Create a footer that contains an address for meetcode and a small nav....

Section with Intro Text

Medium
3 views 25 Jan 2026
Create a section with heading 'Why meetcode' and a short intro paragraph inside it....

Header with Branding and Primary Nav

Hard
2 views 25 Jan 2026
Create a header with a brand link 'meetcode' and a primary nav labeled with aria-label....

Semantic Layout (Header/Main/Footer)

Easy
2 views 25 Jan 2026
Create a semantic layout for meetcode using header, main, and footer....

Navigation Bar

Easy
3 views 25 Jan 2026
Add a nav with links: Home, Topics, Login (use # as href)....

Section for Features

Easy
4 views 25 Jan 2026
Create two sections inside main: 'Practice' and 'Notes' for meetcode....

Article for Blog Post

Easy
3 views 25 Jan 2026
Create an article titled 'How I use meetcode daily' with a paragraph....

Aside for Tips

Easy
3 views 25 Jan 2026
Add an aside that shows a tip: 'Try easy questions first' on meetcode....

Footer with Small Text

Easy
3 views 25 Jan 2026
Create a footer for meetcode with small text 'Made for learners'....

Header with Logo and Nav

Easy
3 views 25 Jan 2026
Create a header containing a logo image and a nav with two links....

Main with One H1

Easy
3 views 25 Jan 2026
Write a page where main contains exactly one H1 and the rest are H2....

Use a Landmark Diagram

Easy
3 views 25 Jan 2026
Build HTML landmarks to match this diagram: Header -> Nav; Main -> Section; Footer....

Address Not for Layout

Medium
3 views 25 Jan 2026
Create an address in footer only for meetcode contact, not for normal text....

Two Articles in a Section

Medium
3 views 25 Jan 2026
Create a section 'Success Stories' containing two articles with different titles....

Use the figure Tag Semantically

Medium
3 views 25 Jan 2026
Put a screenshot image and caption inside figure for meetcode....

Breadcrumb Nav

Medium
3 views 25 Jan 2026
Create a breadcrumb nav: Home > Topics > HTML (use links)....

Use <hr> for Topic Break

Medium
2 views 25 Jan 2026
Show two topic blocks separated by a horizontal rule....

Meaningful Button Text

Medium
2 views 25 Jan 2026
Create two buttons: 'Log in to meetcode' and 'Create account'....

Definition List for Terms

Medium
2 views 25 Jan 2026
Create a definition list for two terms: HTML and meetcode....

Quote with Citation

Medium
3 views 25 Jan 2026
Add a blockquote with a cite: 'Small steps matter' - meetcode mentor....

Time in Article Header

Medium
3 views 25 Jan 2026
Create an article with a header that includes a published date using ....

Accessible Landmark Order

Medium
4 views 25 Jan 2026
Create page landmarks in a logical order: header, nav, main, footer....

Diagram to HTML Tree

Medium
3 views 25 Jan 2026
Convert this tree into HTML: root body has header(h1), main(p), footer(p)....

Use <span> Only When Needed

Medium
2 views 25 Jan 2026
Write a sentence where only 'meetcode' is wrapped in a span for styling later....

Avoid Div Soup

Hard
3 views 25 Jan 2026
Rebuild a simple layout using semantic tags instead of many divs: header, main, footer....

Nested Article Example

Hard
4 views 25 Jan 2026
Create an article that contains a nested section with its own heading....

Card List Semantics

Hard
3 views 25 Jan 2026
Make a list of three course cards using
    and
  • (not divs) with headings....

Captioned Table in Semantic Area

Hard
2 views 25 Jan 2026
Place a table inside a section with a heading and a caption....

Semantic Form Wrapper

Hard
3 views 25 Jan 2026
Wrap a login form inside a main and use a heading before it....

Multiple Nav Areas

Hard
2 views 25 Jan 2026
Create one nav in header and one nav in footer, both labeled with aria-label....