我根本不知道这里发生了什么,我使用了fontawesome

时间:2019-01-20 22:52:38

标签: html css font-size font-awesome-5

Screenshot of the Webpage

在前面的部分中格式化了几件事之后(绝对不应该影响本部分),这才发生。所有名称上的字体大小均为4em(h4)。但是以某种方式将其显示为不同的大小。它增加了我的间距,并将此图标放置在各处。

我完全不知道可能是什么原因造成的。

<section class="panel configuration" data-section-name="configuration">
<div class="inner">
<h2>Unser Team</h2>
<p><b>Wir sind im Grunde Ihre Lieblingsleute, die auch tolle Webseiten erstellen, Logos entwerfen und Ihnen helfen, Ihr Geschäft bekannt zu machen, wir sind uns sicher, dass Sie uns mögen werden.</b></p>

<div class="rowz">
        <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-2.jpg" width="150" height="150">
                    <h4>Luan B</h4>
                    <h3>Gründer und Designer</h3>
                    <i class="fas fa-pencil-alt"></i></i><i class="fas fa-file-code"></i>
                  </div>
            </div>

<div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
                <div>
                    <img style="border-radius: 50%" src="img/avatar-1.jpg" width="150" height="150">
                    <h4>Loris K</h4>
                    <h3>Designer</h3>
                    <i class="fas fa-pencil-ruler"></i> <i class="fas fa-swatchbook"></i>
                  </div>
            </div>

    <div class="windowz" style="background: linear-gradient(#ffffff2c, #ffffff05)">
        <div>
            <img style="border-radius: 50%" src="img/avatar-3.jpg" width="150" height="150">
            <h4>Lino P</h4>
            <h3>Backend-Developer</h3>
            <i class="far fa-file-code"></i> <i class="fas fa-code"></i>
    </div></div>
    </div>
    </div>

那是本节。 我非常感谢您的帮助。 预先感谢。

PS的常规标题和通用字体也不应该那么大

2 个答案:

答案 0 :(得分:1)

这是由于代码错误所致。您在第一个“ windowz”块中有两个关闭标签。删除一个关闭的i标签,它应该可以工作。

答案 1 :(得分:1)

错误是

<i class="fas fa-pencil-alt"></i></i>

代替

<i class="fas fa-pencil-alt"></i>