Click here to Skip to main content
14,303,609 members

Web Development

 
QuestionTags for Developing for basic webpage Pin
Anandkota16-Aug-18 3:07
memberAnandkota16-Aug-18 3:07 
AnswerRe: Tags for Developing for basic webpage Pin
Richard MacCutchan17-Aug-18 21:43
protectorRichard MacCutchan17-Aug-18 21:43 
QuestionBackend feature opinions Pin
jkirkerx13-Aug-18 13:18
professionaljkirkerx13-Aug-18 13:18 
Questioni don,t know properly that how to make a website responsive? Pin
Member 1394776213-Aug-18 5:13
memberMember 1394776213-Aug-18 5:13 
SuggestionRe: i don,t know properly that how to make a website responsive? Pin
Richard MacCutchan13-Aug-18 5:57
protectorRichard MacCutchan13-Aug-18 5:57 
GeneralRe: i don,t know properly that how to make a website responsive? Pin
Member 1394776213-Aug-18 15:52
memberMember 1394776213-Aug-18 15:52 
GeneralRe: i don,t know properly that how to make a website responsive? Pin
Richard MacCutchan13-Aug-18 21:25
protectorRichard MacCutchan13-Aug-18 21:25 
GeneralRe: i don,t know properly that how to make a website responsive? Pin
Member 1394776214-Aug-18 3:57
memberMember 1394776214-Aug-18 3:57 
i mean section like price-plans section the box are not size uniformly sized when it reachs near to 800 pixels . And the padding in the price-plan sectionb gets also disappeared as i also give the padding from 760px .And the contact section also starts to disappear from 800px. And at 460px it is pushed to left as it can,t be seen..






Start eating Healty today







Premium
399$/ per month
That’s only 13.30$ per meal



1 meal every day
24/7
Access to newest creations
Free delivery



Sign-Up











Pro
149$/per month
That’s only 14.90$ per meal



1 meal 10 days/month
Order 24/7
Access to newest creations
Free delivery



Sign-Up









Starter
19$/ per meal
 



1 meal
Order from 8 am to 12 pm

Free delivery



Sign-Up













.section-plans{
background-color: #f4f4f4;
}
.section-plans h2{
margin-top: 80px;
}
.plan-box{
background-color: #fff;
border-radius: 5px;
margin-left: 10%;
width:90%;

}


.plan-box div{
padding: 15px;
border-bottom:1px solid #e8e8e8;
box-shadow:0px 1px 2px #f5f2f2;
}



.month{

font-size: 300%;
margin-bottom: 20px;
font-weight: 210%;
color:#e67e22;



}
span{
font-size: 30%;
font-size: 300;
}
.plan-box ul{
list-style: none;
}
.plan-box div:last-child{
border:none;
text-align: center;

}


.plan-box:first-child{
background-color: #fcfcfc;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}




now the media quirie



/* Big tablet to 1200px (widths smaller taht the 1140px row) */
@media only screen and (max-width: 1200px) {
.hero-text {
width: 100%;
padding: 0 2%;
}

.row { padding: 0 2%; }
}


/* Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
body { font-size: 18px; }
section { padding:60px 0px; }

.long-copy {
width: 80%;
margin-left: 10%;
}

.steps-box { margin-top: 10px; }
.steps-box:last-child { margin-top: 10px; }
.works-steps { margin-bottom: 40px; }
.works-step:last-of-type { margin-bottom: 60px; }

.app-screen { width: 40%; }
.steps-box:first-child { text-align: center; }





.icon-small{
width: 17px;
margin-right: 5px;

}
.city-feauture{
font-size: 90%;
}


.plan-box{
width: 100%;
margin-left: 0%;
}
.plan-price{
font-size: 250%;
}
.contact-form{
width: 80%;
}


/* Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
section {padding: 30px 0;}

body { font-size: 16px; }

.plan-box div{

}



.plan-box{
width:95%;

}

.first{
font-size: 87%;
}
.last{
font-size: 119%;
}
.row,
.hero-text-box {


padding: 0 4%; }
.col {
width: 100%;

}


.main-nav {
display:none;
}


h1 { font-size: 180%; }
h2 { font-size: 10%; }

.long-copy { width: 100%;
margin-left: 0%;
}





/* Small phones: from 0 to 480px */
@media only screen and (max-width: 480px) {

.col {
width: 100%;
margin-bottom: 0 0 4% 0;
margin-right: 10%;

}

.contact-form{
margin-top:40%;
margin-right:100%;
}


}
AnswerRe: i don,t know properly that how to make a website responsive? Pin
Rohit Malhotra29-Aug-18 4:26
memberRohit Malhotra29-Aug-18 4:26 
QuestionWCF service with sql server stored procedure Pin
Member 103645166-Aug-18 8:17
memberMember 103645166-Aug-18 8:17 
AnswerRe: WCF service with sql server stored procedure Pin
Richard MacCutchan6-Aug-18 20:57
protectorRichard MacCutchan6-Aug-18 20:57 
QuestionController, Include in Project Pin
Wiep Corbier5-Aug-18 10:20
memberWiep Corbier5-Aug-18 10:20 
AnswerRe: Controller, Include in Project Pin
Nathan Minier7-Aug-18 2:52
professionalNathan Minier7-Aug-18 2:52 
GeneralRe: Controller, Include in Project Pin
Wiep Corbier7-Aug-18 3:22
memberWiep Corbier7-Aug-18 3:22 
GeneralRe: Controller, Include in Project Pin
Nathan Minier7-Aug-18 3:43
professionalNathan Minier7-Aug-18 3:43 
GeneralRe: Controller, Include in Project Pin
Wiep Corbier7-Aug-18 3:45
memberWiep Corbier7-Aug-18 3:45 
PraiseRe: Controller, Include in Project Pin
Richard Deeming7-Aug-18 4:03
mveRichard Deeming7-Aug-18 4:03 
QuestionNewbie needs help with css and php Pin
kylo9991-Aug-18 3:20
memberkylo9991-Aug-18 3:20 
QuestionHow to make svg Icon so that user can download it? Pin
Aftab Anxari26-Jul-18 9:34
memberAftab Anxari26-Jul-18 9:34 
AnswerRe: How to make svg Icon so that user can download it? Pin
OriginalGriff26-Jul-18 9:39
protectorOriginalGriff26-Jul-18 9:39 
Questioncompile error in angular app Pin
deepak_201223-Jul-18 8:15
memberdeepak_201223-Jul-18 8:15 
QuestionINTRODUCTION Pin
Suren Kiddo17-Jul-18 2:28
memberSuren Kiddo17-Jul-18 2:28 
AnswerRe: INTRODUCTION Pin
Richard Deeming17-Jul-18 3:09
mveRichard Deeming17-Jul-18 3:09 
AnswerRe: INTRODUCTION Pin
Dominur7-Aug-18 0:48
memberDominur7-Aug-18 0:48 
AnswerRe: HTML Code Has Been Changed to Compressed Mode Pin
Nathan Minier10-Jul-18 6:48
professionalNathan Minier10-Jul-18 6:48 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.