opdavies/workshop-tailwind-css
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Task 8 - Add responsive tweaks

Browse source 
Add a mobile navigation button, change text sizes, change the layout of
the sponsors block.
This commit is contained in:
Oliver Davies 2021-02-18 02:07:47 +00:00
parent 5f6f7bdb4a
commit 204a5f931b
3 changed files with 20 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

4
templates/includes/home/intro-text.html.twig
View file

@ -1,5 +1,5 @@
<div class="max-w-3xl px-4 py-8 mx-auto text-center">
<p class="text-3xl leading-loose text-blue-dark">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
<p class="text-xl leading-loose lg:text-3xl text-blue-dark">Florida DrupalCamp is an annual conference that brings together web developers from all over the world to learn, network and discuss web development and the Drupal content management system.</p>
<a class="inline-block px-5 py-4 mt-8 text-3xl transition-colors duration-200 ease-in-out border-2 text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark hover:text-white focus:text-white" href="#0">Learn more</a>
<a class="inline-block px-4 py-3 mt-8 text-xl transition-colors duration-200 ease-in-out border-2 lg:px-5 lg:py-4 lg:text-3xl text-blue-dark border-blue-dark hover:bg-blue-dark focus:bg-blue-dark hover:text-white focus:text-white" href="#0">Learn more</a>
</div>