The button

Read first Task 31

A button needs min-height 44px, real padding and a visible focus ring.

Task

What is the minimum comfortable tap target height?

The editor already contains a starting point. Change it until every check passes — the Next task button unlocks when it does.

What you start with

<button>Apply Now</button>

Syntax reference

<style>
  button{min-height:44px;padding:12px 20px;border:0;border-radius:999px;background:#FF6A00;color:#fff;font-weight:700}
</style>
<button>Apply Now</button>

Read it, then write it yourself. Copy-paste teaches nothing.

HTML & CSS 1 automatic check Components

Code editor Ctrl + Enter runs

<button>Apply Now</button>

Run your code to see the output and the checks.

Your result

Submit your code to see results

Write your code in the middle column and press Run code.

Checks on this task:

Check 1

One correct answer:

<style>
  button{min-height:44px;padding:12px 20px;border:0;border-radius:999px;background:#FF6A00;color:#fff;font-weight:700}
</style>
<button>Apply Now</button>

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

← Previous

Next task (pass every check first)

The button

The button

Task

Why this works