2k monitors bug


#1


I was stuck for a few days on lesson 3 (and others, all with the same error message) and this is the error message "Oops, try again. Make sure that you use the universal selector * to give a border 1px wide.". I already know the cause, it is the fact that I have a 2k monitor and not a full HD one, I am sure of that because when I switch to full HD everything goes fine, and then when I switch back the bug come back. I think that the origin is that chrome (the web browser that I am using) handle the css px unit in strange ways with monitor with really high resolution or really low resolution.

<!-- beginning of html code -->
<!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>

/* beginning of the CSS (the content of stylesheet.css)*/
* {
	border: 1px dashed #3A5FCD;
}


#2

have you ruled out browser zoo as a suspect? The browser zoom affect the border width, which sounds more plausible then a 2k monitor.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.