Buttons

Lesson 16 of 19 in Coddy's Netflix Sign-in Page Clone | Front-end project course.

Challenge

Easy

Target both buttons (or, in short, all buttons):

Set the width to 100%.
Set a padding of 12 pixels from top, bottom and 0 pixels from right, left.
Set a margin of 10 pixels from top, bottom and 0px from right, left.
Set the font size to 16 pixels.
Set the background color to #e50914 and the color to white.
Set the border to none and the border radius to 4 pixels.
Set cursor to pointer

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in Netflix Sign-in Page Clone | Front-end project

1Introduction

What are you going to make?

4CSS - II

Buttons

Button change

More Coloring

Bottom Part

2HTML

Title and Wrapper Setup Form input I

3CSS - I

Shift effect on focus