implementing border radius

Author: 张欧文

starter/05-Design/style.css

@@ -57,6 +57,7 @@ h2 {
   text-decoration: none;
   text-transform: uppercase;
   display: inline-block;
+  border-radius: 100px;
 }
 
 .btn:hover,
@@ -74,6 +75,10 @@ h2 {
   padding: 8px 12px;
 }
 
+img {
+  border-radius: 12px;
+}
+
 /* ------------------------ */
 /* COMPONENT STYLES */
 /* ------------------------ */
@@ -131,6 +136,7 @@ img {
   background-color: #087f5b;
   color: white;
   padding: 24px;
+  border-radius: 12px;
 }
 
 .testimonial-box {
@@ -153,6 +159,12 @@ img {
 /* CHAIRS */
 .chair {
   box-shadow: 0 20px 20px 10px rgba(177, 172, 172, 0.35);
+  border-radius: 12px;
+}
+
+.chair img {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .chair-box {
   padding: 24px;