Developing Website With JavaScript & Tailwind Framework. Footer. Diary 16/05/20

in #dev6 years ago (edited)

So this is a finishing part of Home page (index.html) - footer.

The logo in the bottom right holder is just a placeholder for now. That's why it has a different background.

This is the code. Pretty simple. Just a little bit of play with flex box.


In tihs is how version fro mobile looks like. Logo is just a placeholder for now.

The code for small screen version. I created seperate element for it instead of fiddling with responsive "display" for fullscreen version trying to adapt it to small screen.
It is easier and more efficient to just create new div with footer elements and give it "display: hidden" over "min-width: 640px". In tailwind, you simply use "sm:hidden" class (hidden in small screen).

I am going to change the font colout later. It all looks a bit too darkish

-logic