responsive css webpage code

Add Answer

Ugliest Unicorn answered on December 7, 2020 Popularity 1/10 Helpfulness 1/10

answer responsive css webpage code

related how to make website responsive with css

related how to make responsive website using css

related responsive web design with html5 and css

related how to create responsive website using css

responsive css webpage code

Comment

Well vw is for viewport but i learned that is you add a rvw it works left and right good ratio when the is a small view the text is bigger. but there is no referance to adding the r

Popularity 1/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css responsive webpage

Link to this answer
Share Copy Link

Contributed on Dec 07 2020

Ugliest Unicorn

0 Answers Avg Quality 2/10

Closely Related Answers

how to make website responsive with css

Comment

/* Instead of using px measurements, use % when setting width or height.*/
/* The % is calculted from the width of the parent element.*/
#NonResponsiveWidth {
	width: 1080px;
    height: auto;
}
#responsiveWidth {
	width: 85%;
    height: auto;
}
/*For text, use vw (viewport-width) instead of px when setting font-width*/
#NonResponsiveText { font-size: 20px; }
#responsiveWidth { font-size: 10vw; }

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 16 2022

Elliot Cullen

0 Answers Avg Quality 2/10

how to make responsive website using css

Comment

/* instead of using px for with and height use % */
/* % from the parent element fx. parent element has 100 px and the chiled 
element has 50% then it will be like it has 50px */
.NonResponsiveParent{
  width: 100px;
  height: 100px;
}

.responsiveChild{
  width: 50%; /* 50px */
  height: 50%; /* 50px */
}
/* now if you want it to work better on other screens then your own, 
the best way is using this with media querys.
media query is where you give your site a braiking point that says when you
get this amount of px the website will use this css
*/

/*example*/
body{
background-color: red;
}
/* this is the normal background color */

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}
/* 
and this is the background color when the site with gets to 600px and under 
*/

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 19 2022

rumbo

0 Answers Avg Quality 2/10

responsive web design with html5 and css

Comment

// media queries example

	/* wide laptop */
@media screen and (max-width: 1200px) {
	.home-hero-image {
		height: 50vh;
	}
}

/* small laptop */
@media screen and (max-width: 900px) {
	.home-hero-image {
		height: 60vh;
	}
	.hero-text-home {
		margin-top: 25px;
	}
	.hero-school-home-image {
		width: 40%;
	}
}

Popularity 10/10 Helpfulness 3/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on May 03 2022

Runtime Terror

0 Answers Avg Quality 2/10

how to create responsive website using css

Comment

#using media queries
#use rem, em ,% instead of px in CSS

Popularity 10/10 Helpfulness 2/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Aug 18 2022

Handsome Horse

0 Answers Avg Quality 2/10

responsive css webpage code

Contents

More Related Answers

responsive css webpage code

Closely Related Answers

how to make website responsive with css

how to make responsive website using css

responsive web design with html5 and css

how to create responsive website using css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.