我正试图创建一个关于页面的页面'我的项目组成员的照片,我们的照片四舍五入,减少到200x200px,下面有标题。这首先起作用,但在对本网站上的其他内容进行更改后,它突然停止工作。
有没有人知道如何解决这个问题?
问题出在et-slide-about部分,它不会链接到我的css文件。
figure {
display: inline-block;
margin: 20px;
}
figure img {
display: inline-block;
vertical-align: top;
border-radius: 50%;
width: 200px;
height: 200px;
}
figure figcaption {
border: 0px;
text-align: center;
color: white;
}
figure figcaption h {
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 0.2rem;
color: white;
}
figure figcaption p {
font-size: 1.1rem;
letter-spacing: 0.1rem;
color: white;
}

<main class="et-main">
<section class="et-slide" id="tab-intro">
<h1>INTRODUCTION</h1>
<h2>Shuffling and dealing made easy.</h2><br>
<h3>The Shuffl'r is the ultimate solution for a fair game of cards.<br> From shuffling to dealing when you want, this robot eliminates all "you barely shuffled"-excuses.</h3>
</section>
<section class="et-slide" id="tab-games">
<h1>GAMES</h1>
<h2>Any game of cards.<br>Always fair, almost effortless.</h2><br>
<h3>Almost no effort during your card game, which will help you remain your pokerface while playing. And because The Shuffl'r deals when you want him to deal, you can play any card game you can imagine, from drinking games to poker.</h3>
</section>
<section class="et-slide" id="tab-gallery">
<h1>GALLERY</h1>
<h2>Our work in action.</h2>
</section>
<section class="et-slide" id="tab-shop">
<h1>MERCHANDISE</h1>
<h2>Get everything you need right here.</h2><br><br><br>
</section>
<section class="et-slide" id="tab-about">
<h1>ABOUT US</h1>
<h2>The geniuses behind The Shuffl'r.</h2><br>
<section class="et-slide-about">
<figure>
<img src=about/tom.png alt='image missing'/>
<figcaption><br><h>Tom Rassaerts</h>
<br><p>Media Design</p></figcaption>
</figure>
<figure>
<img src=about/hank.png alt='image missing'/>
<figcaption><br><h>Hank Renders</h>
<br><p>Technology</p></figcaption>
</figure>
<figure>
<img src=about/fabian.png alt='image missing'/>
<figcaption><br><h>Fabian Polak</h>
<br><p>Allrounder</p></figcaption>
</figure>
<figure>
<img src=about/julian.png alt='image missing'/>
<figcaption><br><h>Julian van Riel</h>
<br><p>Software Engineering</p></figcaption>
</figure>
<figure>
<img src=about/jordy.png alt='image missing'/>
<figcaption><br><h>Jordy Reynders</h>
<br><p>Business</p></figcaption>
</figure>
</section>
</section>
</main>
&#13;