自适应圣杯布局怎么做

救一下qm大学生吧，一直只能顺着下来，做不到自适应。第一块的字还顶在了上面，怎么放中间

用@media媒介查询

@media媒体查询

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: ) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: ) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: ) { ... }