Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Posted by Asad Kashmiry
Asad Kashmiry
Courses Plus Student 2,171 Points

Still confused on responsive web design

Hi there! i am still confused on responsive web designing processes.I know i can make a web page responsive by using Media Query or Bootstrap.Which one should be better for me?Bootstrap or Media Query?

3 Answers

Marc Busby
Marc Busby
35,550 Points
Marc Busby
Marc Busby
35,550 Points

Hi Asad,

Bootstrap is whats known as a Framework and is useful to use if you want to get straight in and build a site quickly. I think I'm correct in saying Bootstrap actually uses Media Queries within it to cater for the responsive design.

Personally I find it's best to create my own framework from scratch and build it with my own media queries. This way I'm better able to cater to my clients requirements and I know exactly where to look when I need to change things or for bug fixing issues.

I hope this helps.

Regards,

Asad Kashmiry
Asad Kashmiry
Courses Plus Student 2,171 Points

Thanks a lot,Marc

Erik McClintock
Erik McClintock
45,783 Points
Erik McClintock
Erik McClintock
45,783 Points

Asad,

Bootstrap (as well as Foundation, Skeleton, etc.) is merely a framework that you can use that comes with some pre-determined responsiveness in mind (using media queries to achieve this). Media queries allow you to have control over when things happen and what happens to the various elements of your website. Using a framework can be a good place to start, but even using Bootstrap or any other framework doesn't guarantee that all of your bases will be covered if you decide to branch out at all and add some customization. You should become very familiar with media queries (luckily, there isn't a whole lot to them!) so that you can use them as necessary, and so that you're not anchored to what Bootstrap or another framework has to offer. This will allow you more control and customization opportunities, should you find yourself in a position where you either can't use a framework (for whatever reason) or don't want to use a framework.

Media queries are the backbone of responsive design, and are absolutely vital for you to understand. Learning how to work with a framework like Bootstrap can be very helpful, as well, particularly in doing rapid prototyping, but you'll still want to make sure you understand and master media queries on your own, so that you can tweak them if necessary, or create your own from scratch to handle custom situations.

I hope this was helpful for you, and happy coding!

Erik

Asad Kashmiry
Asad Kashmiry
Courses Plus Student 2,171 Points

Thanks a lot, Erik

Asad Kashmiry
Asad Kashmiry
Courses Plus Student 2,171 Points

Thanks a lot, Erik

Asad Kashmiry
PLUS
Asad Kashmiry
Courses Plus Student 2,171 Points
Asad Kashmiry
Asad Kashmiry
Courses Plus Student 2,171 Points

Erick, Thanks a lot again for your recommendation.So,i should start my journey with Media queries,right?Would you please provide me some good resources for learning Media Queries?

Erik McClintock
Erik McClintock
45,783 Points

Asad,

Through your studies in CSS here on Treehouse, you will find great information on media queries and how to use them. If you're just starting out, though, I would focus on a natural progression into the topic via Treehouse's tracks, which may not get you an introduction to media queries specifically or right away, but you will need to make sure you've mastered the basics before you get into those, anyway. If you're absolutely looking for direct information on media queries, the CSS - Beyond the Basics and Responsive Layouts courses have sections on media queries, but these are classified as Intermediate and Advanced Courses (respectively), so again, if you're just starting out, I wouldn't jump right into these. Additionally, there is a bonus class on media queries here, though I think it requires a Pro Account to view, so if you're signed up for basic, that one may not be accessible. If you need more information, a few quick Google searches will do you well.

Happy coding!

Erik