CSS 帮助自定义页脚小部件

问题描述

我是网页设计的初学者，我的网页需要一些帮助。我使用 wordpress / 生成新闻模板。在桌面模式下，页脚中的 4 个小部件在一行中，但是当我切换到平板电脑或移动设备时，它们彼此重叠。我已经设法更改了页脚中文本的字体大小，但我仍然无法在一行中获取平板电脑和移动设备的小部件。你能帮我么？请尽量用最简单的术语解释，因为我还没有那么好 :D 谢谢！

解决方法

谢谢我终于找到了一种在浏览器中使用旧的 F12 命令的方法，同时检查我的网页。这个命令帮助我解决了我遇到的大多数问题。

我使用了这个代码：

.inside-footer-widgets {
        display: flex;
    flex-direction: row;
        align-content: center;
        align-items: center;}

虽然我对最后一个不太满意，但第 4 个小部件的文本没有将内容与中心对齐。

在平板电脑上，我发现页面的外观乱七八糟，所有小部件都放在一起，现在好多了。对于移动视图，我保留了堆叠版本。这是我的网站 www.steelspiritdesigns.com

footer widget