Responsive Services Box with Flip Animation using only…

1<div class="wrapper">
2      <div class="box">
3        <div class="front-face">
4          <div class="icon">
5<i class="fas fa-code"></i></div>
6<span>Web Design</span>
7        </div>
8<div class="back-face">
9          <span>Web Design</span>
10          <p>
11Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem in deleniti vitae beatae veritatis aliquid porro perspiciatis dolores impedit ad.</p>
12</div>
13</div>
14<div class="box">
15        <div class="front-face">
16          <div class="icon">
17<i class="fas fa-chart-line"></i></div>
18<span>Advertising</span>
19        </div>
20<div class="back-face">
21          <span>Advertising</span>
22          <p>
23Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem in deleniti vitae beatae veritatis aliquid porro perspiciatis dolores impedit ad.</p>
24</div>
25</div>
26<div class="box">
27        <div class="front-face">
28          <div class="icon">
29<i class="fas fa-rocket"></i></div>
30<span>Game Design</span>
31        </div>
32<div class="back-face">
33          <span>Game Design</span>
34          <p>
35Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem in deleniti vitae beatae veritatis aliquid porro perspiciatis dolores impedit ad.</p>
36</div>
37</div>
38</div>