From ee44e7f7bcb88a85ac9e5d3a59637aa8cac0844a Mon Sep 17 00:00:00 2001 From: rutik wankhade Date: Wed, 19 Aug 2020 17:48:57 +0530 Subject: [PATCH] fix: fixed layout --- src/components/ConfigCover.css | 19 +++++++++++++++---- src/components/CoverImage.css | 16 ++++++++++------ 2 files changed, 25 insertions(+), 10 deletions(-) diff --git a/src/components/ConfigCover.css b/src/components/ConfigCover.css index 5e246c3..d20adc8 100644 --- a/src/components/ConfigCover.css +++ b/src/components/ConfigCover.css @@ -3,11 +3,12 @@ body { } .main-container { - width: auto; - justify-content: center; - align-items: center; + /* width: auto;*/ + /* justify-content: center; + align-items: center; */ display: flex; flex-direction: row; + } .tagline { max-width: 300px; @@ -16,11 +17,18 @@ body { display: flex; flex-direction: column; align-items: center; - padding: 30px; + padding:35px; + + } +.inputdata::-webkit-scrollbar { + display: none; + } .blog-cover { display: flex; flex-direction: column; + align-items: center; + margin:30px; } label { margin: 5px; @@ -60,4 +68,7 @@ input[type=number]{ display: flex; flex-direction: column; } + .blog-cover{margin:0px;} + + } diff --git a/src/components/CoverImage.css b/src/components/CoverImage.css index fdc32fc..d52d5de 100644 --- a/src/components/CoverImage.css +++ b/src/components/CoverImage.css @@ -7,6 +7,7 @@ height:380px; width:800px; padding:90px; + } .title-card{ @@ -24,12 +25,12 @@ } .card{ - margin:20px; + border-radius: 8px; text-align: center; color:#676683; - padding:50px 25px 50px 25px; - border:4px solid #676683; + margin:10px; + /* border:1px solid #676683; */ } .author{ @@ -37,13 +38,14 @@ background-color: #676683; color:#ffffff; height:40px; - margin-bottom:20px; padding :4px; text-align:center; font-weight: 500; } -h1{height:auto;} +h1{ + height:auto; +} button{ background-color: #676683; @@ -51,8 +53,8 @@ button{ border:none; border-radius:4px; padding:10px; - margin:auto ; width:150px; + margin-top:20px; text-align: center; box-shadow: 4px 4px #cccccc; } @@ -63,9 +65,11 @@ button{ width:100vw; height:auto; padding:8vh; + } .title-card{ padding:2.5vw 3vw 2.5vw 3vw; font-size: 1.2rem; } + } \ No newline at end of file