Skip to content

M
madhan-task
Commit 5e7a4684 by Madhankumar
Options

initial commit

parent f536ae0a
Showing with 23 additions and 52 deletions
style.css
...@@ -3,28 +3,30 @@ ...@@ -3,28 +3,30 @@
padding:0; padding:0;
} }
.cont{ .cont{
display:flex; min-height: 100vh;
flex-wrap:wrap; }
min-height:100vh;
}
.card{ .card{
float:left;
width:33.333%; width:33.333%;
height: 100%;
}
.cont:after{
content: "";
clear: both;
display: table;
}
.card-text,.card-image{
float: left;
width:50%;
} }
.card .card-desc{
padding:28px;
display:flex; .card p{
align-items:center; color:white
justify-content:space-between;
}
.card-text{
font-size: 18px;
} }
.card-text img{ .card .card-text img{
height:50px; height:50px;
object-fit: contain; object-fit: contain;
aspect-ratio: 3/2; aspect-ratio: 3/2;
...@@ -35,9 +37,10 @@ ...@@ -35,9 +37,10 @@
height: 300px; height: 300px;
object-fit:contain; object-fit:contain;
} }
.card p{ .card-text{
color:white font-size: 18px;
} }
.cardbg1{ .cardbg1{
background:#41ca6e; background:#41ca6e;
} }
...@@ -57,35 +60,3 @@ ...@@ -57,35 +60,3 @@
background:#4ec2e7; background:#4ec2e7;
} }
\ No newline at end of file
hr{
height: 2px;
background-color: white;
border: none;
}
.card .card-desc .card-text{
margin:49px;
}
/* small screen */
@media only screen and (max-width:768px){
.card{
flex-basis:100%;
}
.card .card-desc{
display: flex;
flex-direction: column;
}
}
/* medium screen */
@media only screen and (min-width:769px)and (max-width:1024px){
.card{
width:50%;
}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment