Add 'Taking Flight with Tailwind CSS' slides

taking-flight-with-tailwind-css/sections/responsive.rst

@@ -0,0 +1,50 @@
+.. 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
+    :linenos:
+
+.. 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