Styling a Button

Todo List > Styling a Button

Check out App.js to see how cleaner we've made our app by refactoring. Nice!

Your mission

Try creating a container component called a Card with a box-shadow that surrounds the contents of our app so far.

We've created a new file Card.js for you to create this component in.

Lesson 4/20

import styled from "styled-components";

const Button = styled.button`
  border: 0;
  outline: 0; 
  padding: 4px; 
  font-size: 16px; 
  color: white; 
  cursor: pointer; 
  height: 28px;
  padding: 4px 20px; 
  box-shadow: 0px 0px 5px silver; 
  background-color: black;
`;

export default Button;

Open Sandbox