I cannot make my second div apear

html-css

#1

hello every one I have been able to make my first div appear but the second one with the skills text will not function. bellow is the html used:

<!DOCTYPE html>
	<html>
		<head>
			<link type="text/css" rel="stylesheet" href="css.css"/>
			<title>
				Home ¦ DofE portfolieo 
				
			</title>
		</head>
		<body style="background-color: black">
			<h1>
				My Silver Duke of edigburagh evadance portfolieo
			</h1>
			<div class="button">
				<a href="">Physical</a>
			</div>
			<div class="button">
				<a href="">Skills</a>
			</div>	
		</body>
	</html>`

and bello is the css that was used:

H1{
	color: white;
	text-align:center;
	font-family:Times new roman;
	font-size:40px;
}
.button {
	display: inline-block;
	text-align: center;
	border-width: 2px;
	border-radius: 10px;
	border-style: solid;
	border-color: #262626;
	background-color:#000999 ;
	height: 50px;
	width: 125px;
	margin: 25px 850px 800px 850px
	
}
.button:hover{
		height:60px;
		width:145px;
		font-size:40px;
		background-color: #ff700e
	
}
a{
	text-decoration: none;
	color:white;
	font-family: Times;
	font-size: 35px
}

I would really aprecheate if someone could tell me as to why my div will not appear.
many thanks
Ewen


#2

pls paste in your code using this format and I can help you


#3

the buttons do show? i put your code in a bin. the button do show if the screen is wide enough, and the second button is really far down thanks to the huge margin you are using


#4

is there a way to make the margins adapt for each screen so they are always visible?


#5

and the code is there


#6

@stetim94 made it visible..

He also answered your question regarding button


#7

that's why I asked if I could make the margins adapt per screen so all my content would become visible all the time


#8

You can view the margin using developers tools. Well, you could use the @media query to have different selectors + there property's and values be different on different screens. But this is tricky, making a website mobile friendly is tricky and to difficult to answer in a forum post


#9