diff --git a/assets/css/style.css b/assets/css/style.css index 59ca209..2e571d2 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,24 +1,7 @@ -/*-----------------------------------*\ - #style.css -\*-----------------------------------*/ - -/** - * copyright 2022 codewithsadee - */ - - - - - -/*-----------------------------------*\ - #CUSTOM PROPERTY -\*-----------------------------------*/ +/** Bootstrap use kiya **/ :root { - /** - * colors - */ --battleship-gray: hsl(0, 0%, 53%); --viridian-green: hsl(180, 98%, 31%); @@ -82,12 +65,6 @@ - - -/*-----------------------------------*\ - #RESET -\*-----------------------------------*/ - *, *::before, *::after { @@ -147,9 +124,6 @@ body { -/*-----------------------------------*\ - #REUSED STYLE -\*-----------------------------------*/ .container { padding-inline: 15px; } @@ -286,9 +260,7 @@ body { -/*-----------------------------------*\ - #HEADER -\*-----------------------------------*/ +/* HEADER */ .header { background: var(--viridian-green); @@ -358,9 +330,7 @@ body { -/*-----------------------------------*\ - #HERO -\*-----------------------------------*/ +/* HERO PAGE */ .shape { display: none; } @@ -400,9 +370,8 @@ body { -/*-----------------------------------*\ - #DESTINATION -\*-----------------------------------*/ +/* DESTINATION */ + .destination .section-subtitle { text-align: center; @@ -461,9 +430,7 @@ body { -/*-----------------------------------*\ - #POPULAR -\*-----------------------------------*/ +/* POPULAR CARDS */ .popular-card :is(.card-price, .card-rating) { color: var(--white-1); @@ -491,9 +458,7 @@ body { -/*-----------------------------------*\ - #ABOUT -\*-----------------------------------*/ +/* ABOUT SECTION */ .about-content { margin-bottom: 50px; } @@ -541,9 +506,7 @@ body { -/*-----------------------------------*\ - #BLOG -\*-----------------------------------*/ +/* BLOG */ .blog { padding-bottom: 100px; } @@ -581,9 +544,7 @@ body { -/*-----------------------------------*\ - #FOOTER -\*-----------------------------------*/ +/* FOOTER */ .footer { background-color: var(--oxford-blue); @@ -686,10 +647,6 @@ body { -/*-----------------------------------*\ - #GO TO TOP -\*-----------------------------------*/ - .go-top { position: fixed; bottom: 0; @@ -716,19 +673,12 @@ body { -/*-----------------------------------*\ - #RESPONSIVE -\*-----------------------------------*/ - /** * responsive for larger than 575px screen */ @media (min-width: 575px) { - /** - * CUSTOM PROPERTY - */ :root { diff --git a/index.html b/index.html index cc7ac27..cabfc20 100644 --- a/index.html +++ b/index.html @@ -59,7 +59,7 @@