Update 29. srpna

katebartova/style.css

@@ -98,4 +98,88 @@
     outline: 0;
     padding: 0.6rem 0;
     border: none;
+}
+.search-input::placeholder{
+   text-transform: capitalize;
+}
+.search-btn{
+   width: 40px;
+   font-size: 1.1rem;
+   color: var(--dark);
+   border: none;
+   background: transparent;
+   outline: 0;
+   cursor: pointer;
+}
+.design{
+   padding: 4.5rem 0;
+}
+.title{
+   text-align: center;
+   padding: 1rem 0;
+}
+.title h2{
+   font-family: var(--Playfair);
+   font-size: 2.4rem;
+}
+.title p{
+   text-transform: uppercase;
+   padding: 0.6rem 0;
+}
+.design-content{
+   margin: 2rem 0;
+}
+.design-item{
+   cursor: pointer;
+   margin: 1.5rem 0;
+}
+.design-img{
+   position: relative;
+   overflow: hidden;
+}
+.design-img::after{
+   position: absolute;
+   content: "";
+   top: 0;
+   left: 0;
+   width: 100%;
+   height: 100%;
+   background: rgba(0, 0, 0, 0.3);
+}
+.design-img img{
+   transition: all 0.5s ease;
+}
+.design-item:hover img{
+   transform: scale(1.2);
+}
+.design-img span:first-of-type{
+   position: absolute;
+   z-index: 1;
+   top: 10px;
+   left: 10px;
+   background: var(--exDark);
+   color: #fff;
+   padding: 0.25rem 1rem;
+}
+.design-img span:last-of-type{
+   position: absolute;
+   z-index: 1;
+   bottom: 10px;
+   right: 10px;
+   color: #fff;
+   font-weight: 700;
+   font-size: 1.1rem;
+}
+.design-title{
+   padding: 1rem;
+   font-size: 1.2rem;
+   text-align: center;
+   width: 70%;
+   margin: 0 auto;
+}
+.design-title a{
+   color: var(--dark);
+   text-decoration: none;
+   text-transform: capitalize;
+   font-family: var(--Playfair);
 }