JoshuaLipka Posted October 6, 2021 Share Posted October 6, 2021 Site URL: https://azalea-wedge-79l6.squarespace.com/ Hello! I have a section on a site that has 6 images and text side by side, but the alignment is off. I'm trying to figure out how to align each image block and text block that go together. I want each icon and correlated text to align with each other. Site pw: jldnetrush Link to comment
Wolfsilon Posted October 6, 2021 Share Posted October 6, 2021 Try the following code: [data-section-id="61530ca980d3d35231f2dc77"] { @media screen and (min-width: 640px) { .sqs-row { display: flex; align-items: center; justify-content: center; } } } Link to comment
JoshuaLipka Posted October 6, 2021 Author Share Posted October 6, 2021 19 minutes ago, Wolfsilon said: Try the following code: [data-section-id="61530ca980d3d35231f2dc77"] { @media screen and (min-width: 640px) { .sqs-row { display: flex; align-items: center; justify-content: center; } } } Thanks! That seems to have worked, but now the first two images get all crazy huge when viewing on mobile, but not the other four... but i've got all kinds of mobile issues going on. le sigh. Link to comment
Wolfsilon Posted October 6, 2021 Share Posted October 6, 2021 Just a thought, perhaps changing it to "@media screen and (min-width: 747px) {....}" might help. Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment