# Placing Form Fields Side by Side

**URL:** <https://community.glideapps.com/t/placing-form-fields-side-by-side/74689>\
**Category:** Ask for Help\
**Created:** [July 8, 2024, 9:06am UTC](https://community.glideapps.com/t/placing-form-fields-side-by-side/74689 "2024-07-08T09:06:40Z")\
**Posts on this page:** 1\
**Showing post:** 13

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [July 8, 2024, 1:45pm UTC](https://community.glideapps.com/t/placing-form-fields-side-by-side/74689/13 "2024-07-08T13:45:00Z")

</div>

```auto
/* Class name is: .formContainer */
.formContainer .full > div > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); 
    column-gap: 10px;
    box-sizing: border-box;
}

#page-root .formContainer .single-column {
    --container-x-pad: 0;
    flex-direction: row; 
}

#page-root .formContainer > div > div > div > div {
    padding-left: 24px;
    flex-direction: row;     
    padding-right: 24px;
}

```

 ![Screenshot 2024-07-08 at 20.45.41](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/d/3dcb0f869efc6aedab8e5013997827b3f9443dc3.png)

---

_[View the full topic](https://community.glideapps.com/t/placing-form-fields-side-by-side/74689)._