Skip to content

gradyrobbins/Congressional-district

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Congressional-district

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

In your HTML, create an article tag that will serve as your main representative component. Give the element a unique identifier. 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. Beneath the basic information, you will create a sub-component, using a section tag, to list any committees the candidate is serving on. 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.

Advanced challenge In JavaScript, there is a method that creates a new attribute node for any DOM element. Discover that method and use it to create a custom attribute named congressional-district and its value should be your congressional district number. Then attach that attribute to the

container you made for your representative component.