Assignment 3

Buttons

Create a reusable button class that can easily adapt with simple modifier classes.

# Instructions

In your deliverables repository, create a 03-buttons folder within the assignments folder.

Recreate the buttons displayed below by creating a reusable .btn class. Create modifier classes for each different button type that builds on the initial .btn class.

The first line should use an appropriate HTML tag for links and the second link should use an appropriate HTML tag for interactive elements. The same .btn tag should have all of the necessary styling for both types of HTML tags.

Multiple buttons in on two lines

# Styling

Make sure to include the CSS Reset!

  • Colors
    • Brand Primary: #394A59
    • Brand Primary Light: #59758d
    • Brand Secondary: #36BF7F
    • Brand Secondary Light: #75d3a7
  • Font: sans-serif

# Submission

Submit this assignment by pushing your code to your mad9013-deliverables repository with the commit message Complete 03-buttons assignment.

A reminder of the git commands:

git add -A
git commit -m "Complete 03-buttons assignment"
git push
1
2
3
Last Updated: 9/2/2022, 9:30:17 AM