Pure CSS Aligned Form

Pure CSS is a framework of CSS. It is a free and open-source tool collection for creating responsive websites and web applications. Pure CSS is developed by Yahoo and is used for creating faster, more beautiful, and more responsive websites. It can be used as an alternative to Bootstrap. 

Pure CSS Aligned Form is a type of HTML form that is used to create an aligned form. In this type of form, the labels are aligned after the input fields but in the mobile viewport, labels are stacked. 

In this article, we will discuss the Pure CSS Aligned Form.

Pure CSS Aligned Form Class:

• pure-form-aligned: This class is used as a modifier class to create an aligned form. In desktop view, the labels are seen after the input fields but in the mobile or small viewport, labels are seen as stacked.

Syntax:

<form class="pure-form pure-form-aligned"> 
 ...
</form>

Example: The following codes demonstrate the Pure CSS Aligned Form.

Output:

👁 Image

Reference: https://pure-css.github.io/#aligned-form