diff --git a/css/styles.css b/css/styles.css index 213bfcc..6fc4f95 100644 --- a/css/styles.css +++ b/css/styles.css @@ -131,6 +131,8 @@ h2 { font-size: 3em; font-weight: 400; margin: 0; + text-decoration: underline; + text-decoration-color: var(--bgColor); } h3 { @@ -154,6 +156,8 @@ h3 { .feature-showcase { display: flex; flex-direction: column; + border-radius: 40px; + background-color: #181818; } .feature-showcase-item { @@ -206,7 +210,7 @@ h3 { border-radius: 40px; margin: 0; margin-bottom: 15px; - border: 5px solid black; + border: 3px solid var(--bgColor); text-shadow: black 5px 5px 5px; user-select: none; } @@ -312,6 +316,10 @@ h3 { .feature-showcase-item { padding: 30px; } + + #table-heading { + margin-bottom: 50px; + } #responsive-design { grid-column: 1 / 2; diff --git a/index.html b/index.html index 1a65b74..af2bd70 100644 --- a/index.html +++ b/index.html @@ -49,7 +49,7 @@

Responsive Design

- This website has been designed to provide satisfying user feedback. From using javscript to expand the carousel to using css to change the shape of the title on the landing page, the website has been designed to provide an outstanding user experience. + This website has been designed to provide satisfying user feedback. From using javscript to expand the carousel, to using css to change the shape of the title on the landing page; the website has been designed to provide an outstanding user experience.