Skip to content

Commit d578ba4

Browse files
agarcialeonagarcialeon
authored
Added rows to group cards
1 parent 6fdc2c9 commit d578ba4

File tree

1 file changed

+51
-35
lines changed

1 file changed

+51
-35
lines changed

‎docs/index.html

Lines changed: 51 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -62,49 +62,65 @@ <h2>Awesome Unity Community</h2>
6262
</div>
6363

6464
<div id="container">
65-
<div class="card" style="max-width: 200px;">
66-
<!-- Image -->
67-
<img class="card-img-top" src="./holder.js/200x200" alt="">
68-
<!-- Text Content -->
69-
<div class="card-body">
70-
<p class="card-text">Shaders</p>
71-
</div>
72-
</div>
7365

74-
<div class="card" style="max-width: 200px;">
75-
<!-- Image -->
76-
<img class="card-img-top" src="./holder.js/200x200" alt="">
77-
<!-- Text Content -->
78-
<div class="card-body">
79-
<p class="card-text">Scripting</p>
66+
<div class="row">
67+
<div class="card" style="max-width: 200px;">
68+
<!-- Image -->
69+
<img class="card-img-top" src="./holder.js/200x200" alt="">
70+
<!-- Text Content -->
71+
<div class="card-body">
72+
<p class="card-text">Shaders</p>
73+
</div>
8074
</div>
81-
</div>
8275

83-
<div class="card" style="max-width: 200px;">
84-
<!-- Image -->
85-
<img class="card-img-top" src="./holder.js/200x200" alt="">
86-
<!-- Text Content -->
87-
<div class="card-body">
88-
<p class="card-text">User Interface (UI)</p>
76+
<div class="card" style="max-width: 200px;">
77+
<!-- Image -->
78+
<img class="card-img-top" src="./holder.js/200x200" alt="">
79+
<!-- Text Content -->
80+
<div class="card-body">
81+
<p class="card-text">Scripting</p>
82+
</div>
8983
</div>
90-
</div>
91-
92-
<div class="card" style="max-width: 200px;">
93-
<!-- Image -->
94-
<img class="card-img-top" src="./holder.js/200x200" alt="">
95-
<!-- Text Content -->
96-
<div class="card-body">
97-
<p class="card-text">Extensibility</p>
84+
85+
<div class="card" style="max-width: 200px;">
86+
<!-- Image -->
87+
<img class="card-img-top" src="./holder.js/200x200" alt="">
88+
<!-- Text Content -->
89+
<div class="card-body">
90+
<p class="card-text">User Interface (UI)</p>
91+
</div>
9892
</div>
9993
</div>
10094

101-
<div class="card" style="max-width: 200px;">
102-
<!-- Image -->
103-
<img class="card-img-top" src="./holder.js/200x200" alt="">
104-
<!-- Text Content -->
105-
<div class="card-body">
106-
<p class="card-text">Audio</p>
95+
<div class="row">
96+
97+
<div class="card" style="max-width: 200px;">
98+
<!-- Image -->
99+
<img class="card-img-top" src="./holder.js/200x200" alt="">
100+
<!-- Text Content -->
101+
<div class="card-body">
102+
<p class="card-text">Extensibility</p>
103+
</div>
104+
</div>
105+
106+
<div class="card" style="max-width: 200px;">
107+
<!-- Image -->
108+
<img class="card-img-top" src="./holder.js/200x200" alt="">
109+
<!-- Text Content -->
110+
<div class="card-body">
111+
<p class="card-text">Audio</p>
112+
</div>
113+
</div>
114+
115+
<div class="card" style="max-width: 200px;">
116+
<!-- Image -->
117+
<img class="card-img-top" src="./holder.js/200x200" alt="">
118+
<!-- Text Content -->
119+
<div class="card-body">
120+
<p class="card-text">Artificial Intelligence (AI)</p>
121+
</div>
107122
</div>
123+
108124
</div>
109125

110126
</div>

0 commit comments

Comments
 (0)