'How to span partially in the specific css grid area?

I am new to CSS grid, I am planning to create the following layout with Grid rather than flex, but I am not able to find a way to use partial grid area. I also tried splitting into 8fr. Is it possible to do it with CSS grid? Fractions may change later on as well. Like instead of 1/3 space in the first row. It might change to 1/4, 1/4, 2/4.

Can someone let me know if it's possible to do it in one grid area or not? Thanks in advance.

enter image description here

cssgridcss-grid


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions