Sandbox: Difference between revisions
From Eco - English Wiki
| [checked revision] | [checked revision] |
| Line 21: | Line 21: | ||
<div class="card border-primary"> | <div class="card border-primary"> | ||
<div class="card-body"> | <div class="card-body"> | ||
<h2 class="card-title fs-40">[[File: | <h2 class="card-title fs-40">[[File:RiceSpecies_Icon.png|64px|link=]] Rice</h2> | ||
<p class="col-lg-10 card-text"> | <p class="col-lg-10 card-text"></p> | ||
</div></div> | </div></div> | ||
Revision as of 15:07, 18 February 2026
Test for new Icon for recipes with number on
10
Test Plant template with gallery
Rice
CardHeaderTitle
- Listitem
- Listitem
- Listitem
CardHeaderTitle
- Listitem
- Listitem
- Listitem
CardHeaderTitle
- Listitem
- Listitem
- Listitem
CardHeaderTitle
- Listitem
- Listitem
- Listitem
Test info card with dark/light mode
Change the background
Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.
Add borders
Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.
