smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-06-28 12:55:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: update titles

Browse source
This commit is contained in:
Smigz 2023-11-14 16:26:55 -05:00
parent ef61c387aa
commit f776b33aa1
2 changed files with 109 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

19
admin-dashboard/css/style.css
View file

@ -35,9 +35,28 @@
.content { .content {
grid-column: 2 / 3; grid-column: 2 / 3;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
grid-template-rows: repeat(auto-fit, minmax(325px, 1fr));
gap: 5px;
}
.card {
word-wrap: wrap;
width: 300px;
height: 300px;
}
.card h1 {
font-size: 1.5rem;
} }
ul { ul {
list-style-type: none; list-style-type: none;
} }
body {
font-size: 16px;
}

90
admin-dashboard/index.html
View file

@ -31,6 +31,96 @@
</ul> </ul>
</div> </div>
<div class="content"> <div class="content">
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
<div class="card">
<h1 class=title>Some important Stuff!</h1>
<p class="text">
Pellentesque quis ligula ac enim sollicitudin feugiat ac et mi. Aenean in sodales ligula. Donec nec ante dictum, hendrerit dui id, mattis arcu.
In risus nunc, fringilla id pretium ut, mattis id dui. Sed mauris justo, condimentum elementum mauris at,
placerat hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin tincidunt ornare tortor, vitae tincidunt quam tincidunt vel. Cras varius bibendum bibendum.
</p>
</div>
</div> </div>
</div> </div>