Moved gradient background of right-hand column to single div for performance

This commit is contained in:
Adam Iannazzone 2024-04-23 18:36:24 -04:00
parent 8c57752ada
commit b8183ae21a

View file

@ -150,7 +150,8 @@
<!-- Feature List -->
<div class="h5" id="feature-list">
<div class="row feature-list-item gradient-spin my-gradient rounded-3" id="active-feature-item">
<div class="row feature-list-item gradient-spin my-gradient rounded-3"
id="active-feature-item">
<div class="col">
Pick Up and Play
</div>
@ -176,7 +177,9 @@
<!-- Right Column -->
<div class="col-8" id="feature-detail-column">
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="active-feature-detail">
<div class="my-gradient gradient-spin rounded-3">
<div class="feature-detail-container rounded-3 p-3"
id="active-feature-detail">
<!-- Image/Video Container -->
<div class="row" id="feature-media-container">
<div class="col">
@ -189,16 +192,19 @@
<div class="col">
<h4>Don't waste time on setup</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia
deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
<div class="feature-detail-container rounded-3 p-3" id="">
<!-- Image/Video Container -->
<div class="row" id="feature-media-container">
<div class="col">
@ -211,16 +217,19 @@
<div class="col">
<h4>Don't waste time on setup #2</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia
deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
<div class="feature-detail-container rounded-3 p-3" id="">
<!-- Image/Video Container -->
<div class="row" id="feature-media-container">
<div class="col">
@ -233,16 +242,19 @@
<div class="col">
<h4>Don't waste time on setup #3</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia
deserunt mollit anim id est laborum.
</div>
</div>
</div>
<div class="feature-detail-container rounded-3 p-3 my-gradient gradient-spin" id="">
<div class="feature-detail-container rounded-3 p-3" id="">
<!-- Image/Video Container -->
<div class="row" id="feature-media-container">
<div class="col">
@ -255,14 +267,18 @@
<div class="col">
<h4>Don't waste time on setup #4</h4>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
officia
deserunt mollit anim id est laborum.
</div>
</div>
</div>
</div>
</div>
<!-- End Right Column -->