CSS Full Width Responsive Form

Here’s the CSS for making your forms full width responsive.

@plugincreator, I think the structure needs to be redone to be following:
cf7b-section
– cf7b-row
— cf7b-col

.cf7b-section {
	display: flex;
  flex-direction: column;
	align-content: stretch;
	width: 100%;
	flex-wrap: nowrap;
}

.cf7b-col {
	display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.cf7b-row {
	flex: auto;
  padding: 0 4px;
}

@media screen and (max-width: 767px) {
  .cf7b-row  {
    flex: 100%;
    max-width: 100%;
  }
}

• This topic was modified 4 years, 7 months ago by yanike.
• This topic was modified 4 years, 7 months ago by yanike.
• This topic was modified 4 years, 7 months ago by yanike.