Get a free trial // Grow your CSS skills // Land your dream job

Designing for mobile?

  • # September 24, 2011 at 6:51 pm

    You could try this site for a quick and dirty look of what your site looks like at different browser sizes. Then adjust your media queries as ChristopherBurton suggested.

    For fun, check out “” to see how media queries can adjust the sizes of the content.

    # September 24, 2011 at 7:57 pm

    I had reasons other than to align the site.

    # September 24, 2011 at 11:17 pm

    it looks realllly messed up lol but im sure you can fix that. its cause php is injected.

    # September 24, 2011 at 11:46 pm

    Haha, all you had to do was view source, copy and paste. I’ll take a look at this tomorrow.

    # September 24, 2011 at 11:51 pm

    oh yeah ahahahaha. my bad man thank you. Id appreciate comments in it aswell please? because im not sure how to set up grid sys. (i know not 960, but just saying in General) have a good night.

    # September 26, 2011 at 1:16 am


    Create your HTML site with 100% and use below 2 meta’s in your page head tag, so width will be adjusted with your device(iPhone, android, black berry or iPad).

    Let it try :)

    # September 26, 2011 at 7:31 pm

    @ChristopherBurton hows the fixing going?

    # September 26, 2011 at 7:50 pm

    I apologize, I simply forgot. I would implement what wolfcry has suggested. I’m not sure it would be beneficial to you if I made design changes with my own style. There’s nothing you would learn from that.

    # September 26, 2011 at 8:57 pm

    WOW! @wolfcry911 really worked. i never knew the relative position would be the thing that messed it up. thank you. i guess i have some reading to do. Thank you very much.

    # September 26, 2011 at 8:58 pm

    @ketu and so what your saying is html{width:100%} and then

    will do it?

    # September 26, 2011 at 9:04 pm



    # September 26, 2011 at 9:07 pm

    didnt work.

    check it out:

    and when im looking at my website in my iPod Touch for some reason my letters are doubling. and its only my H1.

    # September 26, 2011 at 9:11 pm

    What does your php in your header look like?

    # September 26, 2011 at 9:17 pm


    < !DOCTYPE html>

    < ?php include ("title.php"); ?>

    < ?php
    include ("header.php");

    if(isset($_GET["page"]) && $_GET["page"] != "home"){

    include ("footer.php");


    Attila Hajzer

    Web Design Portfolio

    # September 26, 2011 at 9:23 pm

    Yeah, so the meta charset is not effected by the php. Once you change it to what I specified, all should be good.

Viewing 15 posts - 16 through 30 (of 61 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed