this video would have been a great way of showcasing the `grid-template` shorthand. it makes the whole "defining the grid" a lot more visual and you don't need the weird `grid-template-area: unset` because the shorthand overrides it for you.
Transitioning w the fr unit- i know ive transitioned rows from 0fr to 1fr but im curious what the exact constraints are if 50px to 1fr didnt work correctly. Or maybe mine just looks like it works and it wouldnt be able to do a reverse infunite animation 🤔 Love the grid series! Wonder if subgrid appreciation month is coming again ✨️
great video, grid is amazing, i am trying to incorporate grid lines more in my coding practices, difficult to find the right combination sometimes if the page gets too busy, or if trying to do in such a way as to avoid @media or @container type coding.
Since you mentioned it at the end: transitioning from 0fr to 1fr doesn't seem to work anymore in FireFox (it did before). I have to change 0fr to 0 in order for my Accordion to function properly which ofcourse means that it will jump between those values now. Haven't tested if the latest release fixed that, but I doubt it.
Absolute positioning of the grid item in conjunction with grid-columns / grid-rows only works if the grid container is position relative (or absolute or fixed). Unfortunately, this nuance appears to have been skipped in the video entirely.
Hii Kevin I join company as intern and I learn bootstrap 5 because we work on that and make website full responsive on every single website ...but I stuck and can't figure out how I can write smooth code with responsive using media query ....so can you make video on that ..... Please reply my question... Love from india ❤
I send email to you for BeyondCSS course, but get no reply, how can I get in touch with you. Sorry to comment here, but really don’t know how I can get it touch with you.