Skip to content

chrismccolgan/book1-chapter4-exercise

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

Book 1 Chapter 4 Exercise: BEM and Semantic HTML Practice

Exercise located at https://github.com/nashville-software-school/client-side-mastery/blob/master/book-1-the-novice/chapters/HTML_COMPONENTS.md

Practice

You're going to create an HTML component to represent a political candidate. Specifically, the representative of your Congressional district. Visit the GovTrack site link below, enter in your home address, and you'll find basic information about your representative.

GovTrack - Congressional District Map

  1. In your HTML, create an article tag that will serve as your main representative component. Give the element a unique identifier.
  2. In this component, create a sub-component for basic information using the section tag. In this section create elements for the representative's image, name, district info, and political affiliation.
  3. Beneath the basic information, you will create a sub-component, using a section tag, to list any committees the candidate is serving on.
  4. The last component will hold links to any legislation that your representative has enacted.

Make sure you use good BEM-style class names for each element in your components. Put a comment above each component explaining what it is.