Define Semantic Fieldset HTML and Create CSS Styles For Responsive Form Layout

Share this video with your friends

Send Tweet

Often we can improve the user experience by grouping related fields, such as first and last name. In these cases, it's appropriate to include <fieldset>. We'll first learn how to semantically create the fieldset HTML. Then, we'll set up a series of scalable classes that are flexible for various layout configurations. The layout classes will also be intrinsically responsive - meaning, they will respond to their parent container or the viewport without the use of media queries!