Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Allow List Content to scale on Mobile


SilverThrasher

Question

Site URL: https://brass-triceratops-e56d.squarespace.com

Hey guys, I've been scouring the forum for help and I've gotten this far.

 

I'm trying to scale a block of 3 images when on mobile; instead of the typical flow over like it does automatically.

 

With the code below I've gotten them to scale on mobile but now I need them to align horizontally,

any help?

 

@media screen and (max-width:766px) {
div#yui_3_17_2_1_1607657594977_302 {
    margin-bottom: 0 !important;
}
div#yui_3_17_2_1_1607657594977_302 
  {
    width: 33.33% !important;
}
div#yui_3_17_2_1_1607657594977_302 img {
    width: 100% !important;
    height: auto !important;
    vertical-align: middle;
    display: block;
}
}

Screen Shot 2020-12-10 at 11.07.20 PM.png

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

  • 0

edited CSS... same issue presents - not aligning horizontally

@media screen and (max-width:766px) {
.sqs-block-content {
    margin-bottom: 0 !important;
}
.sqs-block-content  {
    width: 33.33% !important;
}
.sqs-block-content img {
    width: 100% !important;
    height: auto !important;
    vertical-align: middle;
    display: block;
}
}

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...