DEV Community

Cover image for CSS Responsive Footer Using Pug
w3hubs.com
w3hubs.com

Posted on

CSS Responsive Footer Using Pug

Footer important on any website to show important links and a small bio about a website. So here we design a simple footer using css3 with a pug HTML template engine.

In this template, we used CSS flexbox to make columns in one row and also used focus and hover pseudo-classes. For making responsive we used media queries and also used flex-wrap CSS properties. Previously we created a pug login form using the pug and we design this simple element in pug. So you can use this element in your project and implement yourself.

Make it yours now by using it, downloading it and please share it. we will design more elements for you.

Download Source code:-

https://w3hubs.com/css-responsive-footer-using-pug

Top comments (2)

Collapse
 
pariola_droid profile image
Pariola

A job weldone dev

Collapse
 
w3hubs profile image
w3hubs.com

Ya, thanx @pariola :)