DEV Community

Sudharshan S
Sudharshan S

Posted on

4

Responsive Button size✅

⭐ In HTML, button tag is used to create tappable buttons on the web page. It is mostly used for navigation bar and submit purpose.

⭐ The button should be more responsive whether he/she using mobile phones, tablets, laptop or desktop. Otherwise it will be awkward.

⭐ For user experience, to create responsive buttons use min-height and min-width and set the value 40 pixels to 48 pixels perfect for fingers while using phone.

👉 Watch below video to get understand
https://youtu.be/ZNDWrXE1mH4

✍️Note: height and width property alone can be a little dangerous because it won’t allow the element to resize if the content inside of it is bigger than the container.

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more