{"post":{"id":"5ecbaea7957247ce0a4ea90d","_id":"5ecbaea7957247ce0a4ea90d","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1590406388073/nKKtN2NC2.jpeg","__typename":"PostCoverImage"},"slug":"css-media-queries-easy-way-to-use-for-mobiletab-responsiveness","readTime":0,"replyCount":1,"responseCount":4,"brief":"Designing a responsive website without using frameworks was not so easy for me as a developer when I started writing CSS. Seeing the min-width, max-width, media query, various screen sizes like 750px used to confuse me until I finally got the hang of...","subtitle":null,"isFeatured":true,"contributors":[{"_id":"5e4ac02e205a551d167e639f","name":"Uchenna Emmanuel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665316906484/lTIZpqLpR.jpg","username":"Eunit","__typename":"User"},{"_id":"5e5ae6888c89a92316ce5d09","name":"Opeyemi Osakuade","photo":null,"username":"O_feranmi","__typename":"User"},{"_id":"5e9dc88d12892a3c760b231b","name":"Joshua Folorunsho","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1587398799124/04vWmR5Vu.jpeg","username":"joshuafolorunsho","__typename":"User"},{"_id":"5ea76cb50135fc41766307c0","name":"Abdulsalam Ishaq","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1590590141162/cyFyWugIm.jpeg","username":"Ishaq","__typename":"User"}],"bookmarked":false,"views":321,"url":"https://ayomideoso.hashnode.net/css-media-queries-easy-way-to-use-for-mobiletab-responsiveness","totalReactions":18,"title":"CSS Media Queries - Easy way to use for mobile/tab responsiveness","dateAdded":"2020-05-25T11:40:23.193Z","cuid":"ckamf5qn001ao4us1ubx44dvc","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"_id":"5ec1c7cf6bace2452f98c6f6","name":"Ayomide Oso","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589757904027/TkHWSe0-k.jpeg","isPro":false,"username":"ayomideoso","__typename":"User","tagline":"Frontend Developer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744721958ef13879b94b91","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1513316949083/By6UMkbfG.png","name":"CSS","slug":"css","__typename":"Tag"},{"_id":"56744721958ef13879b94d5b","logo":null,"name":"responsive designs","slug":"responsive-designs","__typename":"Tag"},{"_id":"56744722958ef13879b94f1b","logo":"https://res.cloudinary.com/hashnode/image/upload/v1450469658/vdxecajl3uwbprclsctm.jpg","name":"Web Development","slug":"web-development","__typename":"Tag"},{"_id":"56744721958ef13879b949f2","logo":null,"name":"media queries","slug":"media-queries","__typename":"Tag"}],"publication":{"_id":"5ec1c8826bace2452f98c702","url":"https://ayomideoso.hashnode.net","canonicalURL":"https://ayomideoso.hashnode.net","title":"Ayomide Oso","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":null,"metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"ayomideoso","domain":null,"__typename":"DomainInfo"},"urlPattern":"DEFAULT","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"5ecbd260957247ce0a4eab19","author":{"_id":"5e9dc88d12892a3c760b231b","name":"Joshua Folorunsho","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1587398799124/04vWmR5Vu.jpeg","isPro":false,"username":"joshuafolorunsho","__typename":"User"},"content":{"html":"

Great article

\n","markdown":"Great article","text":"Great article\n","__typename":"Content"},"dateAdded":"2020-05-25T14:12:48.551Z","stamp":"ckamklr8n01g14us118zk4gno","totalReactions":2,"__typename":"Comment","replies":{"edges":[{"node":{"id":"5ecce763123fdcb70b930845","author":{"_id":"5ec1c7cf6bace2452f98c6f6","name":"Ayomide Oso","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1589757904027/TkHWSe0-k.jpeg","isPro":false,"username":"ayomideoso","__typename":"User"},"content":{"html":"

Thank you.

\n","markdown":"Thank you.","text":"Thank you.\n","__typename":"Content"},"dateAdded":"2020-05-26T09:54:43.060Z","stamp":"ckanqtp830262bbs1ky8efm99","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5ecbd9e7123fdcb70b92ffb8","author":{"_id":"5e5ae6888c89a92316ce5d09","name":"Opeyemi Osakuade","photo":null,"isPro":false,"username":"O_feranmi","__typename":"User"},"content":{"html":"

👍

\n","markdown":"👍","text":"👍\n","__typename":"Content"},"dateAdded":"2020-05-25T14:44:55.294Z","stamp":"ckamlr1xa01dkbbs160af2ss8","totalReactions":2,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5ece13bd957247ce0a4ec130","author":{"_id":"5ea76cb50135fc41766307c0","name":"Abdulsalam Ishaq","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1590590141162/cyFyWugIm.jpeg","isPro":false,"username":"Ishaq","__typename":"User"},"content":{"html":"

Thanks

\n","markdown":"Thanks","text":"Thanks\n","__typename":"Content"},"dateAdded":"2020-05-27T07:16:13.757Z","stamp":"ckap0lqgt031r4us1ixzmjo8p","totalReactions":2,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"5ed3d495123fdcb70b936459","author":{"_id":"5e4ac02e205a551d167e639f","name":"Uchenna Emmanuel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665316906484/lTIZpqLpR.jpg","isPro":false,"username":"Eunit","__typename":"User"},"content":{"html":"

Great piece!

\n","markdown":"Great piece!","text":"Great piece!\n","__typename":"Content"},"dateAdded":"2020-05-31T16:00:21.431Z","stamp":"ckav936ba077ubbs1jazywov2","totalReactions":1,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"NA==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"5e4ac02e205a551d167e639f","name":"Uchenna Emmanuel","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1665316906484/lTIZpqLpR.jpg","isPro":false,"username":"Eunit","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5ea76cb50135fc41766307c0","name":"Abdulsalam Ishaq","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1590590141162/cyFyWugIm.jpeg","isPro":false,"username":"Ishaq","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5e9dc88d12892a3c760b231b","name":"Joshua Folorunsho","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1587398799124/04vWmR5Vu.jpeg","isPro":false,"username":"joshuafolorunsho","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"5e5ae6888c89a92316ce5d09","name":"Opeyemi Osakuade","photo":null,"isPro":false,"username":"O_feranmi","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

CSS Media Queries - Easy way to use for mobile/tab responsiveness

5 comments