I am struggling to make my text be in the correct position while being repsonsive


#1

Hi, I am struggling to make a repsonsive website. I want the text to stay in the center of my webpage just above some text but everytime i change the size of google it doesnt move with the background

.background1{
position: relative;
text-align: center;
background-color: black;
width: 100%;
height: 400%;
}
@font-face{
font-family:‘nexa’;
src:url(fonts/Nexa_Free_Bold-webfont.woff);
font-style:normal;
font-weight:100;
}
.heading1{
padding-top:0px;
font-family: nexa;
font-size: 10px
}
.heading2{
color: white;
text-align: center;
padding-top: 100px
}


#2

Good evening, @benchesterman. Welcome to the forums.

It would be helpful if you could post the URL to your test site.

If you have none, then a “working page” that demonstrates the problem would be helpful.

As a developer, you know that HTML and CSS work together and that CSS without HTML is almost meaningless.

For more information, please read out posting guidelines and try again.

Forum POSTING Guidelines (Posting Basics): (Help us help you!)

What is your background? Have you completed a basic course in HTML and CSS?


split this topic #3

A post was split to a new topic: Making image responsive in Wordpress