.. page:: titlePage

.. class:: centredtitle

Responsive

.. raw:: pdf

    TextAnnotation "Mobile first by default"

.. page::

.. class:: centredtitle

``[screen][separator][class]``

.. page:: standardPage

Screens (aka breakpoints)
=========================

.. code-block:: javascript
    :include: code/12-default-screens.txt

.. page:: titlePage

.. class:: centredtitle

``md:flex``

|

.. class:: centredtitle

``md:hover:bg-red-500``

.. page:: standardPage

Responsive classes in CSS
=========================

.. code-block:: css
    :include: code/13-responsive-classes.txt

Responsive classes in HTML
==========================

.. code-block:: html
    :include: code/14-responsive-class-example.txt