> For the complete documentation index, see [llms.txt](https://web-dev-guide.wishtack.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://web-dev-guide.wishtack.io/responsive-web-design.md).

# Responsive Web Design

Responsive Web Design is an approach aiming to **adapt application display depending on the device** used to access it.

Responsive Web Design **should mainly use HTML and CSS**.

## Think mobile first!

{% hint style="success" %}
Design should be defined for mobile devices first then exceptions should be added to handle larger screens.
{% endhint %}