something useful

senuriwijenayake

As promised in this post I will be looking into how to make your media queries a little bit (or a lot more) specific based on your requirements.

Recap:

Before moving to the interesting parts of this blog post I would like to recap the following major points which were covered in the previous post.

min-width basically stands for “applicable of the device width is greater than or equal to” which means that the CSS code is applicable only on a media type (e.g. a screen) with width greater than or equal to the specified width.

max-width basically stands for “applicable if the device width is less than or equal to” which means that the CSS code is applicable only on media type (e.g. a screen) with width less than or equal to the specified width.

3

With this knowledge we can identify the following keywords in media queries that would…

View original post 470 more words

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s