Grow your CSS skills. Land your dream job.

My First Dynamic Width Site – Thoughts?

  • # December 7, 2011 at 12:17 pm

    Hey guys!

    I just recently had the pleasure of developing a dynamic width site for a client of ours. The end goal for this site is a WordPress theme. I have the theme written out, but I cannot continue until our client provides a server for us (they insisted on hosting it themselves). So in the meantime I figured I would try to get the base HTML as polished as possible by having more than one pair of web development eyes comb the page.

    This is my first venture into dynamic width development using media queries, so feedback (both good and bad) are very welcome. At the time of writing this post, the page should look nice and fit well on smartphones, tablets, and large screens. Is was a bit of a challenge seeing at the site wasn’t designed with dynamic width in mind, but I’m pretty happy with how it turned out.

    http://fatatominternetmarketing.com/preview/messagenet/

    Thanks!

    # December 7, 2011 at 2:33 pm

    Good job man… it does a pretty darn good job of scaling and it looks really clean also.

    # December 8, 2011 at 1:37 am

    Wow! I like the footer. Even you are transitioning the media queries. Just like what Chris did :(o)

    # December 8, 2011 at 1:47 pm

    Thanks for the kind words guys, means a lot. I don’t often get to share my work with people who understand it. :)

    # December 8, 2011 at 2:32 pm

    Very Nice. Love the colors and the responsive, responsive design ;)

    # December 8, 2011 at 6:36 pm

    very nice, really good job. only thing i noticed with your media queries is when the page gets very wide (like spread accross 2 screens, it snaps back to smaller version rather than staying at the biggest width you have styled for (max-width : 2680px) any reason for the max width? shouldnt it just stay in that media query no matter how big it gets?

    # December 9, 2011 at 11:27 am

    @MulletBoy Good catch, thank you! Fixed now.

    # December 9, 2011 at 1:50 pm

    Looks great! One very small critique, I’m at work so not able to check the width but the sign up form input’s at the bottom get really small at a certain width. I think it’s when it’s between two media queries.

    # December 12, 2011 at 9:47 am

    @Adman I didn’t focus on getting every width to be perfect, just the most important, like iPhones, iPads, and large screens. That area may look bad on a 7in tablet like a Kindle Fire though. Can anyone check that for me?

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".