its main content, the left navigation and the right side section of information? flexbox or grid? and whichever it uses, any idea whats the basic code of the layout?
im trying to understand the basic code layout.. so that i can follow it to recreate the pages…
also i see, when the right sides info box ends… any text of the main content takes its position below the boxes…
A question for you. Are you familiar with the web brower’s dev tools feature and if so, do you know how to use the DOM Inspector? Knowing how to use this will answer your questions.
i tried to look up… so many divs…
As said, you should definitely use the dev tools on pages where you are interested in the layout.
They use a mix, just like most layouts do. The main layout is grid, inner layouts (like toolbars) are using flexbox for the content distribution, and the infobox sidebar is floated which allows the text to wrap below it.