Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Big space where the header is!

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #205860
    GingaMilla
    Participant

    Can someone help me please with a problem I am having. I am new to coding so not sure what I am doing wrong here. I am doing this codecademy tutorial and noticed this huge space at the top, anyone know what I am done wrong. I can post my code if needs be.

    http://i.gyazo.com/46bb99065d004347d410c9f780236f15.png

    Thank you.

    Edit – Here is the link to the code, http://codepen.io/anon/pen/JdwJvP I notice also there is a couple of other problems further down specially the learn more button. I got a feeling I have messed up on my padding/margins.

    #205864
    Jerba
    Participant

    @GingaMilla

    The issue you’re having is being caused by default element styling, h1 elements by default have a margin and as a result is causing the space above your main class.

    Simply declare margin: 0; here like below:

    .main h1 {
      font-size: 150px;
      color: #fff;
      margin: 0;
    }
    
    #205865
    GingaMilla
    Participant

    Thank you ever so much! And for the quick reply.

    Appreciated!

    #205867
    Jerba
    Participant

    No problem

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.