Menu
Coddy logo textTech
START LEARNING
flag En iconEnglishdown icon

Class buttons

Lesson 22 of 26 in Coddy's Coddy Profile Card Clone | Front-end project course.

challenge icon

Challenge

Easy

Inside class ‘buttons’ target class ‘button’:

  1. Set the color to white.
  2. Set the font-size to 14 pixels.
  3. Set border to none and the border-radius to 24 pixels. 
  4. Set the margin to 0px from top-bottom and 10px from left-right.
  5. Set padding to 3 pixels from top-bottom and 18 pixels from left-right.
  6. Set the background color to #4070f4.

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 Coddy Profile Card Clone | Front-end project

1Introduction

Introduction

4CSS - II

Class text-dataProject lessonName and jobProject lessonMail idProject lessonMedia ButtonsProject lessonClass link Project lessonClass buttonsProject lessonMake it betterProject lesson

2HTML

SetupOutersProject lessonClass corners and imagesProject lessonClass text-dataProject lessonClass media-buttonsProject lessonClass buttonsProject lessonClass analyticsProject lesson

5CSS - III

Class analyticsProject lessonClass edit-optionProject lessonhr tagProject lesson

3CSS - I

Universal tagProject lessonBodyProject lessonClass profile-cardProject lessonClass cornersProject lessonClass proProject lessonIconsProject lessonClass imageProject lessonClass profile-imgProject lesson