Building Technical Documentation Page using css grid

Building Technical Documentation Page using css grid
0

#1

here is my codepen, the issue I am facing now is that even I set the left div and the right div’s ratio as 1fr 6fr, the right div still does not wrap up 100% of the text I keyed in.

(see the scroll bar I highlighted in red)

So I have to manually scroll to the right in order to see the right side content.

Is there anyway to fix this using CSS grid property??


#2

Don’t use <xmp> it’s obsolete. Change it to <code> or <pre>.