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

Question

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

这是演示。

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

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

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

有人可以帮我解决这个问题吗？

Answer 1

设置图片元素为

position: absolute;
right: 0;

在 CSS 文件中。这应该有效。