Responsive font in columns with border

Dear Themeco Team,

I have a little question for you. Is there a way that makes my font responsive in columnes with border? Maybe a CSS Code?

My CSS for the columns look like that:

/*Columns*/

.Column1 {
	border: 1px solid #e30613;
}
.Column1:hover {
	border: 1px solid #e30613;
	background-color: #e30613 !important;
}

.Column2 {
	border: 1px solid #03BCAB;
}
.Column2:hover {
	border: 1px solid #03BCAB;
	background-color: #03BCAB !important;
}

.Column3 {
	border: 1px solid #004d87;
}
.Column3:hover {
	border: 1px solid #004d87;
	background-color: #004d87 !important;
}

.Column4 {
	border: 1px solid #fec905;
}
.Column4:hover {
	border: 1px solid #fec905;
	background-color: #fec905 !important;
}

Hi there,

The responsive font is possible following the instructions below:

You can incorporate the same technique for your case.

Thank you.

Thanks,
this tutorial will help me very well. :thumbsup:

You’re most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.