请使用纯CSS实现下图所示的布局效果（手写HTML代码和CSS代码），不考...

Question

请使用纯CSS实现下图所示的布局效果（手写HTML代码和CSS代码），不考虑兼容性：

绿色色值是：#00BC9B，灰色色值是：#BCBCBC

注意HTML的语义化、内容的扩展性以及尺寸的自适应性。