Skip to content

M
Moments
Commit 79d83640 by Aksa98
Options

change responsive

parent 323d70fd
Showing with 51 additions and 19 deletions
src/app/header/header.component.html
......@@ -20,22 +20,22 @@
<div class="row">
<div class="col">
<div class="planning_tools_header_item">
<p>Checklist</p>
<a>Checklist</a>
</div>
</div>
<div class="col">
<div class="planning_tools_header_item">
<p>Guest List</p>
<a>Guest List</a>
</div>
</div>
<div class="col">
<div class="planning_tools_header_item">
<p>Budget</p>
<a>Budget</a>
</div>
</div>
<div class="col">
<div class="planning_tools_header_item">
<p>Vendors Manager</p>
<a>Vendors Manager</a>
</div>
</div>
</div>
......@@ -57,39 +57,39 @@
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1507722456_56cdf37898bb3bb1b3356fad8831dc1a--on-your-wedding-day-pre-wedding.jpg">
<p>Wedding Photographers</p>
<a>Wedding Photographers</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1508740269_marriage-marry-009-256.png">
<p>Wedding DJs</p>
<a>Wedding DJs</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509360077_images.png">
<p>Wedding Favors & Gifts</p>
<a>Wedding Favors & Gifts</a>
</div>
</div>
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1507875334_wedding-icon-12670446.jpg">
<p>Wedding Venues</p>
<a>Wedding Venues</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509359880_under-new-management-marriage-note-foldable-design-with-black-text-and-icon-decoration-classic-black-and-white-funny-wedding-thank-you-cards.jpg">
<p>Wedding Invitations</p>
<a>Wedding Invitations</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509360090_wedding_17-512.png">
<p>Wedding Jewelry</p>
<a>Wedding Jewelry</a>
</div>
</div>
<div class="col">
<div class="vendors_drop_item">
<img src="../../../assets/img/1517468986_wedding-planning_318-99774.jpg">
<p>Planning</p>
<a>Planning</a>
</div>
<div class="vendors_drop_item">
<img src="../../../assets/img/1509359943_8819003-Illustration-of-a-cook-in-black-and-white-Stock-Vector-chef-cooking-hat.jpg">
<p>Wedding Caterers</p>
<a>Wedding Caterers</a>
</div>
</div>
</div>
......
src/app/header/header.component.scss
......@@ -125,7 +125,8 @@ height:100px ;
height: 25px;
width: 25px;
}
p{
a{
cursor: pointer;
padding-left: 10px;
display: inline;
font-weight: 400;
......@@ -157,8 +158,8 @@ height:100px ;
text-align: left;
padding: 10px;
p{
a{
cursor: pointer;
display: inline;
font-weight: 400;
font-size: 14px;
......
src/assets/responsive.scss
......@@ -873,21 +873,52 @@ margin-top: 10px !important;
.m-login{
.col-md-6{
.m-login-wedding{
h3 {
padding-top: 220px !important;
width: 72% !important;
padding-left: 343px !important;
}
.buttoncls{
.sig-btn{
margin-left: 240px !important;
margin-left: 394px !important;
}
.siup-btn{
margin-left: -220px !important;
margin-left: -315px !important;
}
}
}
}
}
//************login******************/
.m-join{
.col-md-6{
.m-join-wedding{
h3 {
padding-top: 220px !important;
width: 72% !important;
padding-left: 343px !important;
}
.buttoncls-join{
.sig-btn{
margin-left: 394px !important;
}
.siup-btn{
margin-left: -315px !important;
}
}
}
}
}
}
......
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