Assessment wanted for Fundamental layout comprehension and please answer one question.
When trying to write code, a question arose. Why when creating a page, just positioning the blocks, adding float: ... to article cancels the action position: sticky;? Only in article, I tried to change it to div, it turns out the same thing.
I guess the Flexbox properties on .grid, article and aside are remnants of an earlier version. These don’t have any effect since you defined display: grid after display: flex.
The columns property on .photos has no effect and you already defined the grid as 1fr 1fr. columns is used for CSS Multi-column Layout.
When trying to write code, a question arose. Why when creating a page, just positioning the blocks, adding float: ... to article cancels the action position: sticky; ? Only in article , I tried to change it to div , it turns out the same thing.
I’m sorry, but I don’t understand the question. Maybe you could edit your “Glitch” to show the problem?
Thanks! Now, I understand. Floating an element takes it out of the normal flow. In your code this results in <main> having zero height and the <nav> has nothing that scrolls under. Try setting main { height: 100px; } and see how the nav sticks for 100px and then vanishes.