3/23 What is wrong?


#1



Oops, try again. Make sure that you use the universal selector * to give a border 1px wide.


* {
   border: 1px dashed #3A5FCD;
   }


#2

the browser zoom affects the border-width, make sure the browser zoom is set to 100%


#3

yes it is set to 100%
infact i did reset it several times.
currently using chromebut hv also tried in firefox


#4

Is your browser maximized? Sometimes, when you resize your browser (even just a little), it won't work.
If you are working with dual/multiple monitors, it's best to move the browser to the largest monitor and maximize it there.


#5

No need to make two topics

Can we see your full html and css code?


#6

yes it is maximized.


#7

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
		<h3>Boxes within boxes!</h3>
		<div>
			<p>Paragraph One</p>
		</div>
		<div>
			<p>Paragraph Two</p>
		</div>
		<div>
			<p>Paragraph Three</p>
		</div>
	</body>
</html>

* {
   border: 1px dashed #3A5FCD;
   }

#8

your code is fine, sure the zoom is set to 100%? and you tried it on different browsers?


#9

yes stetim94 i did try it at 100% and also in firefox instead of chrome.
I already know about this as i have read older forum and because of no resolution from those solutions thats y i posted this.


#10

Yes it did work on IE.
Thank You @stetim94 .


#11

Thank U @datfatcat It worked on IE


#12

#13

maybe the browser zoom in FF was also wrong? Or cached data was being send, who knows, browser are super complicated pieces of software, good you solved it :slight_smile: