SECTION GAPS
Greetings,
The problems that Im running into is that the images do not resize appropriately or reach the bottom of the page section. I had this problem once before but on the ipad. When I use the code you provided me with from that time it does not remedy the problem. Please advise, thank you!
The code you supplied before:
@media only screen and (max-width: 768px) {
#INSERTNAME .wrap { align-items: flex-end; display: flex;}
}
PAGES
The problems that Im running into is that the images do not resize appropriately or reach the bottom of the page section. I had this problem once before but on the ipad. When I use the code you provided me with from that time it does not remedy the problem. Please advise, thank you!
The code you supplied before:
@media only screen and (max-width: 768px) {
#INSERTNAME .wrap { align-items: flex-end; display: flex;}
}
PAGES
Comments
do you mean that the border is larger than the images when page goes mobile?
The "About" page on my desktop looks good but on mobile has issues.
The "Transformation" page has desktop & mobile issues. There is a large gap between the rows of images and the main image on the left does not reach to the bottom of the section.
Screenshots:
https://www.dropbox.com/sh/802v529hz2w0vct/AACxoa_Cq855dnSdpoCz7TC9a?dl=0
1. Edit your page, and go to the muffin builder. Edit a section and under the advanced>style select 'equal height of wraps'. See screens:
http://prntscr.com/f40hvn
http://prntscr.com/f40kh0
2. Now edit each wrap in that section and set the desired vertical align(top, middle or bottom). See screens:
http://prntscr.com/f40kvr
http://prntscr.com/f40lhl