{"action":"reopened","issue":{"url":"https://api.github.com/repos/thewebsite123/thewebsite123.github.io/issues/4","labels_url":"https://api.github.com/repos/thewebsite123/thewebsite123.github.io/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/thewebsite123/thewebsite123.github.io/issues/4/comments","events_url":"https://api.github.com/repos/thewebsite123/thewebsite123.github.io/issues/4/events","html_url":"https://github.com/thewebsite123/thewebsite123.github.io/issues/4","id":98127316,"number":4,"title":"Responsive CSS","user":{"login":"Eviper01","id":12976459,"avatar_url":"https://avatars.githubusercontent.com/u/12976459?v=3","gravatar_id":"","url":"https://api.github.com/users/Eviper01","html_url":"https://github.com/Eviper01","followers_url":"https://api.github.com/users/Eviper01/followers","following_url":"https://api.github.com/users/Eviper01/following{/other_user}","gists_url":"https://api.github.com/users/Eviper01/gists{/gist_id}","starred_url":"https://api.github.com/users/Eviper01/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Eviper01/subscriptions","organizations_url":"https://api.github.com/users/Eviper01/orgs","repos_url":"https://api.github.com/users/Eviper01/repos","events_url":"https://api.github.com/users/Eviper01/events{/privacy}","received_events_url":"https://api.github.com/users/Eviper01/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-07-30T09:46:57Z","updated_at":"2015-08-04T11:33:51Z","closed_at":null,"body":"Make the website mobile responsive\r\n\r\nThis Code will be handy:\r\n\r\n/* Smartphones (portrait and landscape) ----------- */\r\n@media only screen\r\nand (min-device-width : 320px)\r\nand (max-device-width : 480px) {\r\n/* Styles */\r\n}\r\n/* Smartphones (landscape) ----------- */\r\n@media only screen\r\nand (min-width : 321px) {\r\n/* Styles */\r\n}\r\n/* Smartphones (portrait) ----------- */\r\n@media only screen\r\nand (max-width : 320px) {\r\n/* Styles */\r\n}\r\n/* iPads (portrait and landscape) ----------- */\r\n@media only screen\r\nand (min-device-width : 768px)\r\nand (max-device-width : 1024px) {\r\n/* Styles */\r\n}\r\n/* iPads (landscape) ----------- */\r\n@media only screen\r\nand (min-device-width : 768px)\r\nand (max-device-width : 1024px)\r\nand (orientation : landscape) {\r\n/* Styles */\r\n}\r\n/* iPads (portrait) ----------- */\r\n@media only screen\r\nand (min-device-width : 768px)\r\nand (max-device-width : 1024px)\r\nand (orientation : portrait) {\r\n/* Styles */\r\n}\r\n/* Desktops and laptops ----------- */\r\n@media only screen\r\nand (min-width : 1224px) {\r\n/* Styles */\r\n}\r\n/* Large screens ----------- */\r\n@media only screen\r\nand (min-width : 1824px) {\r\n/* Styles */\r\n}\r\n/* iPhone 4 ----------- */\r\n@media\r\nonly screen and (-webkit-min-device-pixel-ratio : 1.5),\r\nonly screen and (min-device-pixel-ratio : 1.5) {\r\n/* Styles */\r\n}"}}