Using the CSS Resize Trick

  • Proph3cymusic

    (@proph3cymusic)


    10 years, 6 months ago

    Hello,
    I am finished building my website (www.proph3cy.com) but am now trying to make it mobile compatible. If you look at the page titled SOCIAL MEDIA and WHOSE PROPH3CY? on the front page, the background image repeats and some of the texts stretches out, not fitting the window.

    I looked up a technique on how to resize and found this: https://css-tricks.com/perfect-full-page-background-image/

    I am trying to do the first technique but am a little confused on how and where to actually enter in this code to my website as I am new to this code stuff.

    A simple and direct answer would be appreciated on how to apply this technique to my website for the 2 backgrounds that are warping on my front page in mobile (and also text as well for the ‘whose proph3cy’ section).

    This is the code that they suggested that I would like to know how to use:

    html {
    background: url(images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    Thanks!
    Zach

Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Using the CSS Resize Trick’ is closed to new replies.