Today I have been reading and learning more about css utilities.
CODE SANDBOX
Import Bootstrap
<h3>Challenge 2</h3>
<p>
Add a border around each color without using CSS, the border color should
match the color name (i.e blue border around the word Blue)
</p>
<div class="border border-5 d-inline border-primary">Blue</div>
<div class="border border-5 d-inline border-danger">Red</div>
<div class="border border-5 d-inline border-success">Green</div>
<h3>Challenge 3</h3>
<p>Make this link black and not underlined using CSS classes</p>
<a href="https://www.shecodes.io/" class="text-decoration-none text-dark"
>SheCodes Workshops</a
>
<h3>Challenge 4</h3>
<p>
Using CSS classes, add a yellow background to this button, with a large
shadow and full width
</p>
<a
href="https://www.shecodes.io/"
class="btn btn-primary shadow-lg p-3 mb-5 bd-body rounded w-100"
>Get started</a
>
<h3>Challenge 5</h3>
<p>
Create a custom utility class called shadow-xl which adds a lot of shadow
and apply it to this button, add a green gradient background to this
button with yellow and uppercased text
</p>
<a
href="https://www.shecodes.io/"
class="btn m-5 shadow-xl text-warning rounded-pill text-uppercase p-3 bg-success bg-gradient"
>Get started</a
>
SOURCE: BOOTSTRAP/SHECODES
Grids class link
https://www.shecodes.io/learn/workshops/317/units/61/lessons/219
Practice using grids
https://www.shecodes.io/learn/workshops/317/units/61/challenges/158
my challenge or solution
https://0cukz.csb.app/
RESPONSIVE IMAGES challenge https://bej0w.csb.app/
RESPONSIVE NAVIGATION challenge https://00swj.csb.app/
WEEK2 HOMEWORK LINK https://7mgvz.csb.app/\
WEEK 3 CSS MEDIA QUERIES https://s3msp.csb.app/
Live Server extension installed