logical properties
Hey, how do you decide where the use of a logical property would be warranted other than gaps between icons and text e.g. a inside a button etc. Should you cater your whole site to look good if it was flipped to a vertical writing mode like in the example image below, therefore replacing all of your properties such as
max-width with their logical counterparts? I'd appreciate any insight, thanks in advance.
8 Replies
Logical properties are really for like you said writing modes for the language
No point in not using them, only benefits
Less about your screen more about languages writing direction
Also next time you can just boost your post vs making a new one
Simply reply with "bump" just don't get carried away
ah got it, so any layout that would break when the writing direction is changed tweak with logical properties essentially?
oh i didn't know that, sorry, apprecitate the tip
Yes but I've just started using them cause it's there, I'm not making websites specific for them but I think it matters if they translate
Again no harm in using them only benefit
ah i see, in terms of when i spoke about catering the whole site, i might have described that wrong, i was more referencing whether you should make sure all your spacing between elements work when the writing mode is flipped for example, at least i assume that's what's supposed to be done though? Thank you for the help btw
Yea np, I think I'm confused by the screen shot cause you have to different views (landscape and portrait) that will not change with writing mode just your text would but when that happens if you don't have logical properties, top/right/left/bottom will not change with it
Does that make sense?
Best solution is test it
yeah i realise i flipped the image on the vertical example by accident haha, that's my fault. And yeah totally makes sense
thanks again
For sure, you really getting at it keep up the hard work
i appreciate that