Skip to content

Commit

Permalink
This will make the price table head sticky
Browse files Browse the repository at this point in the history
Signed-off-by: Ajay Singh <[email protected]>
  • Loading branch information
Ajay-singh1 committed Dec 15, 2024
1 parent f7cb1cf commit cec4669
Showing 1 changed file with 7 additions and 6 deletions.
13 changes: 7 additions & 6 deletions src/sections/Pricing/comparison.js
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,9 @@ h2, h5{
margin: 2rem auto;
display: block;
overflow-x: scroll;
overflow-y:hidden;
overflow-y:auto;
transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
position: relative;
}
.price-table {
width: 100%;
Expand Down Expand Up @@ -80,18 +81,18 @@ h2, h5{
font-weight: 600;
text-transform: uppercase;
}
tr.price-table-head th {
position : sticky;
z-index : 10;
top : 0;
}
.price-table tr.price-table-head {
background-color: #00b39f;
color: #FFFFFF;
td{
padding: 1rem 0;
}
}
.price-table-head {
position: sticky;
top: 0;
z-index: 1;
}
.price-table td.price {
padding: 16px 24px;
font-size: 20px;
Expand Down

0 comments on commit cec4669

Please sign in to comment.