Skip to content

Commit

Permalink
removed all rounded corners
Browse files Browse the repository at this point in the history
  • Loading branch information
SonyaJane committed Oct 18, 2024
1 parent baa5c9d commit 95413ce
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 7 deletions.
5 changes: 5 additions & 0 deletions assets/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,11 @@ h1, h2 {
color: #184f63; /* dark-blue */
}

.sharp-corners,
.sharp-corners * { /* ensures that all descendant elements of the card follow the new sharp-corner rule */
border-radius: 0;
}

/* Header section */

/* Hero section */
Expand Down
14 changes: 7 additions & 7 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,7 +61,7 @@ <h2 class="display-6 mb-5">Software Developer</h2>
<!-- mb-5 gives extra margin spacing under lead text -->
<p class="lead mb-5">Let's create something amazing together!</p>
<!-- Button trigger modal -->
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#modal">
<button type="button" class="btn btn-primary sharp-corners" data-bs-toggle="modal" data-bs-target="#modal">
Subscribe to my newsletter!
</button>
</div>
Expand Down Expand Up @@ -116,7 +116,7 @@ <h2 class="display-5">Portfolio</h2>
</div>
<!--Card 1-->
<div class="col-12 col-md-6">
<div class="card mb-3">
<div class="card mb-3 sharp-corners">
<img src="./assets/images/wags-and-walks.webp" class="card-img-top"
alt="A man walking several dogs early in the morning">
<div class="card-body">
Expand All @@ -130,7 +130,7 @@ <h3 class="card-title">Wags & Walks</h3>
</div>
<!--Card 2-->
<div class="col-12 col-md-6">
<div class="card mb-3">
<div class="card mb-3 sharp-corners">
<img src="./assets/images/we-wellness.webp" class="card-img-top"
alt="A spa with candles towels and natural material">
<div class="card-body">
Expand All @@ -144,7 +144,7 @@ <h3 class="card-title">We Wellness</h3>
</div>
<!--Card 3-->
<div class="col-12 col-md-6">
<div class="card mb-3">
<div class="card mb-3 sharp-corners">
<img src="./assets/images/math-wiz.webp" class="card-img-top"
alt="A child practicing math at a computer">
<div class="card-body">
Expand All @@ -158,7 +158,7 @@ <h3 class="card-title">Math Wiz</h3>
</div>
<!--Card 4-->
<div class="col-12 col-md-6">
<div class="card mb-3">
<div class="card mb-3 sharp-corners">
<img src="./assets/images/bmi-calculator.webp" class="card-img-top"
alt="Weighing scales seen from the first person view of the person standing on the scales">
<div class="card-body">
Expand Down Expand Up @@ -186,7 +186,7 @@ <h2 class="display-5">Contact</h2>

<!-- Contact Form -->
<div class="col-12 col-md-10 col-lg-8 mb-4">
<form class="row g-3">
<form class="row g-3 sharp-corners">

<!--Full name, Phone number, Email -->
<div class="col-12 col-lg-4">
Expand Down Expand Up @@ -225,7 +225,7 @@ <h2 class="display-5">Contact</h2>
<!-- Modal -->
<div class="modal fade" id="modal" tabindex="-1" aria-labelledby="modal-label" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-content sharp-corners">

<!-- Modal header -->
<div class="modal-header">
Expand Down

0 comments on commit 95413ce

Please sign in to comment.