Mobile version move description of featured collection

[Vlavlip]

Hi for the desktop version I moved the description to the right of each image.

However this doesn't work well for the mobile version:

Could somebody please help me to move the description on the mobile version under each image but keep the desktop version the way it is???

website: ordinarythings.club

Thank you so much for the help :))))

[JosephK]

Hi,

You can add to this code to your theme:

@media only screen and (max-width: 767px){
.collection .card.card--standard.card--media{
  flex-direction: column;
}
.collection .card.card--standard.card--media .card__inner,
.collection .card.card--standard.card--media .card__content{
  width: 100%;
}
}

[Vlavlip]

Adding this to the bottom of theme.liquid doesn't work.

[JosephK]

if you include to that file you need add them inside these tags

{% stylesheet %}
// add in here
{% endstylesheet %}

[Vlavlip]

{% stylesheet %}
// @media only screen and (max-width: 767px){
.collection .card.card--standard.card--media{
flex-direction: column;
}
.collection .card.card--standard.card--media .card__inner,
.collection .card.card--standard.card--media .card__content{
width: 100%;
}
}
{% endstylesheet %}

Doesnt work. cant save it.