Html 如何使文本留在div中？

当我将窗口调整为较小的窗口时，问题就出现了。当窗户很小的时候，它就变成了。 但是当窗口大小最大化时，它看起来就像我预期的那样

以下是我的html和css：

。突出显示{
显示器：flex；
弯曲方向：行；
证明内容：中心；
}
.重点项目{
填充：0px；
字体系列：坎达拉；
}
.突出显示项目：悬停{
不透明度：0.85；
}
.突出显示项目img{
宽度：100%；
浮动：左；
位置：相对位置；
z指数：-5；
}
.突出显示des{
背景：线性梯度（0度，rgba（2,0,36,0.75）0%，rgba（255,255,255,0）100%）；
高度：200px；
位置：相对位置；
边缘顶部：180像素；
}
.突出显示des h1{
位置：绝对位置；
利润率最高：0%；
字号：2em；
字体大小：300；
}
.突出显示des p{
位置：绝对位置；
利润率最高：20%；
}

标题
作者：作者

标题
作者：作者

标题
作者：作者

这就是你想要的。我已经给你修好了一点

位置

和

边距

工作

运行代码段以查看其操作

。突出显示{
显示器：flex；
弯曲方向：行；
位置：相对位置；
}
.重点项目{
填充：0px；
字体系列：坎达拉；
宽度：100%；
}
.突出显示项目：悬停{
不透明度：0.85；
}
.突出显示项目img{
宽度：100%；
浮动：左；
位置：相对位置；
z指数：-5；
}
.突出显示des{
背景：线性梯度（0度，rgba（2,0,36,0.75）0%，rgba（255,255,255,0）100%）；
身高：100%；
位置：相对位置；
边缘顶部：180像素；
}
.突出显示des h1{
字号：2em；
字体大小：300；
}

标题
作者：作者

标题
作者：作者

标题
作者：作者

请参阅下面的工作解决方案。