DEV Community

loading...
Cover image for Registration Form Using Foundation CSS

Registration Form Using Foundation CSS

w3hubs profile image w3hubs.com ・1 min read

Registration Form is an input for users to submit data. So here we design simple registration Form Using Zurb Foundation and CSS3.

What is Zurb Foundation CSS?

Foundation is an advanced frontend CSS framework that is built-in an HTML, CSS, SASS, and javascript. This framework has a sass compiler with a faster way to design a website. Foundation has its own CLI to install in your pc/Laptop using specific commands and you can easily watch. Similar same file structure like bootstrap Bulma and materialize CSS. This is a mobile-first approach CSS framework with fully responsive with components.

so here used foundation CSS to design this awesome registration form and also we used grid columns. In this form, we used a custom background color. Also, here we modify the gird-container and label class of foundation. To make responsive for tablets and the mobile side we used media queries.

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

Download Source code

Discussion (0)

pic
Editor guide