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,301 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,942 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]!