Jump to content

responsive elements not working

i can spell html5!

Recommended Posts

Ive been pulling my hair out for a couple of weeks now tring to make the header of my site responsive. I know im not a great designer but i feel like im missing someing i just cant see. anyway could really use some help. this header has an image in the left hand side, an h1 and h2 tag, and social bar for twitter-facebook-yt on bottom right. any help surely appriciated

and the code 

<!DOCTYPE html>
<html lang="en">
 <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" type="text/css" href="main.css">

<header id="header">
<div id=”branding”>
<img src="favorite.jpg">
<div class=”container”>
<h1> Nerdypoker.com</h1>
  <div class=”container”>
<h2>Your good kid, real good.<br>But as long as I'm alive</br> you're second best.</h2>

 <IMG STYLE="position:absolute; TOP:98px; right:14px;    WIDTH:30px; HEIGHT:30px  "SRC="facebook.png">
  <IMG STYLE="position:absolute; TOP:98px;  right:65px;     WIDTH:30px; HEIGHT:30px   "SRC="youtube.png">
  <IMG STYLE="position:absolute; TOP:98px;  right:108px;    WIDTH:30px; HEIGHT:30px    "SRC="twitter.png">








and the css

body { 
    background-color: #FFFAFA;
    width: 100%; 
    margin-right: auto; 
    margin-left: auto; 

/* Global */

     background: #DCDCDC;
     padding: 20px; 

 header #branding{

 header h1{ 
 text-align: center;
  font: bold 35px Tahoma;
 header h2{ 
     font: bold 14px Tahoma; 

@media(max-width: 768px){
  header,  header branding,headerh1,headerh2 {


Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...