I cannot make my second div apear

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>
			<link type="text/css" rel="stylesheet" href="css.css"/>
				Home ¦ DofE portfolieo 
		<body style="background-color: black">
				My Silver Duke of edigburagh evadance portfolieo
			<div class="button">
				<a href="">Physical</a>
			<div class="button">
				<a href="">Skills</a>

and bello is the css that was used:

	color: white;
	font-family:Times new roman;
.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
		background-color: #ff700e
	text-decoration: none;
	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

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


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

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

and the code is there

@stetim94 made it visible…

He also answered your question regarding button

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

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

1 Like