I would like to know, - How can I make aside element sticked on the right of the grid? I used
position: sticky;
position: sticky;
but probably going to play with it more later on. - Since I am trying to make it responsive, how can I make it on top of the screen? Should I put section and aside element in a div? (But this time my grid-template-are property won't work well) - Should I use sub-grid? I have never used it before...
Therefore, I will keep displaying sections on below of first "section section aside" so you might guess how it would look like. All good! But when it becomes responsive layout as mobile, it becomes:
body {grid-template-area: "section" "aside" "section";}
body {grid-template-area: "section" "aside" "section";}
Which you can imagine how bad it would look like. What would you recommend to me for this kind of situation?