html - 当我缩小浏览器时，我应该如何修改我的 css 以使图像更接近我的文本？

Question

伙计们，我是前端开发的新手，我正在尝试从构建页面中学习。

这是演示。

https://codesandbox.io/s/goofy-boyd-xscgd

它在全屏上看起来不错，但是当我缩小视口时。图片似乎离文字越来越远，而且它们之间的差距也越来越大，如图所示。

我想要达到的效果是，当我缩小浏览器时，图片会更接近文本（并且它们之间会有重叠）。在手机上查看时，图片将成为屏幕的背景图片。像这样

有人可以帮我吗？

标签： htmlcssreactjsfrontendresponsive

Answer 1

将图像元素设置为

position: absolute;
right: 0;

在 CSS 文件中。那应该行得通。