change responsive

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;
 				}   
 		}
 	}
 	
 	}
 		}
-		
-		
 
 }