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

CSS CSS Selectors Selectors - Beyond the Basics DRY CSS

Christopher Mlalazi
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Christopher Mlalazi
Front End Web Development Techdegree Graduate 17,305 Points

DRY CSS Media Query Suggestion

Hi guys, for those still starting on this like me, for the tutorial on DRY CSS Media Query, please try experimenting with the width of the buttons and set them at 222px and see how they will align with both corners of the message panel at 'display inline viewport width 769px in such a nice way instead of the short ones produced by copying the given code. Here is how I did it give it a try. I hope someone is reading this :)

I am happy I am finally able to make a suggestion at Treehouse instead of just always reading questions and answers, it shows I am breaking out into my own initiatives after an intense study of code up to now.

@media (min-width: 769px) {
  .inln {
    width: 222px;
    display: inline-block;
  }
}
Himanshu Chopra
Himanshu Chopra
3,055 Points

Hii Chris! I haven't watched the video yet. I will watch it soon. Would you mind sharing your workspace so that that I can see and learn something from that?

Thanks :)

Himanshu Chopra
Himanshu Chopra
3,055 Points

This Is great! Experimenting is always good. I may also try to set the button to each corner with some other options & If i get some good result I will share it on here.

Thanx for sharing your work :)

1 Answer

René Sánchez
René Sánchez
9,954 Points

Hey! That´s really nice, doing some math to get everything looking as it should is really great (Y) you gotta be aware that further along in this course (or in the development of any website) it is really likely that another media querie (or rule) might interfere with this declaration. im guessing that Guil assigned the 'auto' property because it will be useful as we continue with this project, but really nice suggestion Chris, this can make a project look much nicer]!