Hey @emgb_520 thanks for sharing again – a colleague had a look at this and supplied this code using CSS Grid:
.cl-element.cl-element-section.cl-element--instance-1007 {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.cl-element.cl-element-taxonomy.cl-element--instance-1001 {
grid-column:1/2;
}
.cl-element.cl-element-custom_field.cl-element--instance-1002 {
grid-column:2/3;
}
.cl-element.cl-element-modified_date.cl-element--instance-1003 {
grid-column:3/4;
}
h3.cl-element.cl-element-title.cl-element--instance-1004 {
grid-column:1/4;
}
.cl-element.cl-element-custom_field.cl-element--instance-1005 {
grid-column:1/4;
}
@media only screen and (max-width: 959px){
.cl-element.cl-element-section.cl-element--instance-1007 {
display: block;
}
}
It even works on mobile!
Let us know how you get on.
Thanks
-
This reply was modified 2 years, 10 months ago by
Code Amp.