Min and MAX-width
HTML
<p>Both MIn and MAx width(range)</p>
CSS
@media (min-width: 150px) and (max-width: 400px) {
p {
background-color: black;
color: aqua;
}
}
Assignment
<! DOCTYPE html > < html lang = "en" > < head > < link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Assignment </ title > </ head > < body > < div class = "container" > < form > < h2 class = "text-center" > Pricing </ h2 > < p class = "text-center" > please checkout our most effective payment models </ p > < div class = "row text-center justify-content-evenly" > < div class = "card col-sm-5 col-md-3 mb-3" > < div class = "card-he...
Comments
Post a Comment