kaninchen
𝓫𝓲𝓻𝓭𝓲𝓮
Yup, it's me again It's a little embarassing I'm asking for help again but I am persistent! I have been tinkering around with this for a while (trial and error with flex, etc. but nothing I change fixes it) but can't figure out what I'm doing wrong. This is what it looks like on my phone:
I think I know the problem but I can't figure out how to fix it. The picture is eating the box? It doesn't cut off on the side but I want it to stay a horizontal rectangle and scale like that on mobile. I know the more readibility friendly option would be to have the photo come to the top, and the rest to stack below. But for right now I just want to figure this out. If it's not possible that's okay.
Here is the code (I know it's probably scuffed I'm just experimenting):
I also have another general question; how can you seperate your individual border tags, elements, etc. in line (like with a enter space between?) without them moving in the code? When I try it, that element shifts down. Is that possible? I only ask because I want to make it easier to spot stuff. Thanks in advance
I think I know the problem but I can't figure out how to fix it. The picture is eating the box? It doesn't cut off on the side but I want it to stay a horizontal rectangle and scale like that on mobile. I know the more readibility friendly option would be to have the photo come to the top, and the rest to stack below. But for right now I just want to figure this out. If it's not possible that's okay.
Here is the code (I know it's probably scuffed I'm just experimenting):
[bg=0; margin:auto; padding:0; width:100%; height:100%; height:400px; max-width:700px; background:aliceblue; display:flex; flex-flow: row nowrap;][bg=0; padding:0; width:100%; height:400px; min-width:280px; flex:2; background: URL('https://64.media.tumblr.com/6de6bef60f750bea0ea4a281a3b425b8/503f02364c4d50f3-f5/s640x960/66b2b07cc9124c0761ff1e97d584012d332f0ac6.jpg') 50% 100%; background-size:cover; -webkit-filter: saturate(1.5);][bg=0; padding:0; height:400px; width:100%; width:280px; background: URL('https://i.pinimg.com/originals/88/aa/5e/88aa5e8923e929221c43f676997302e8.png') 50% 100%; background-size:cover; -webkit-filter: saturate(1.5)][/bg]
[/bg][/bg]
I also have another general question; how can you seperate your individual border tags, elements, etc. in line (like with a enter space between?) without them moving in the code? When I try it, that element shifts down. Is that possible? I only ask because I want to make it easier to spot stuff. Thanks in advance