@RailsonOL
Posted
Hello, I also have this problem, after some projects things started to settle in my mind, but if there's one thing that took me a while to understand, it was the measurements: REM and EM the second thing was: FLEX and GRID
I'm using google translator, but I'll try to explain these very important things for you to do any project from now on.
- The REM measurement depends on the root size, which basically means the size of the device, which is great because if you use pixels, things can change size if the device has more or less pixels.
be careful when using the rem measurement absolutely, such as the height and width of an item, this measure leaves nothing to push, it is stronger, if this item is too large, it may break everything else, in these cases, you can try to use a min or max so that it does not extrapolate
- The EM measurement is based on the font of the item in the item above it, the font of the text itself.
let's go to the most important: FLEX and GRID
-
FLEX is a flexible object, it means that using it, the items or even it, can be modeled with the page, the items can be compressed to stay close to each other, or they can be separated.
-
GRID is tougher, it's great for making cymetric scenarios, for example, a series of cards that need to be perfectly symmetrical
In short: Symmetric or "tough" = GRID
Adaptable = Flex
I hope I haven't made your learning more difficult, but I'll leave links with great visual examples to study.
Marked as helpful
@musicalen89
Posted
@RailsonOL
Hello and sorry for late response. Yeah i didnt use EM and REM yet but i will try in next projects. Flex somehow is easier to understand for me than a GRID when i was reading about GRID my mind was boiling but eventualy will get used it.