{"id":15683,"date":"2019-02-10T07:18:19","date_gmt":"2019-02-10T07:18:19","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=15683"},"modified":"2019-02-10T07:33:57","modified_gmt":"2019-02-10T07:33:57","slug":"css-grid-layout-and-comics-as-explained-by-barry-the-cat","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/css-grid-layout-and-comics-as-explained-by-barry-the-cat\/","title":{"rendered":"CSS GRID LAYOUT AND COMICS (AS EXPLAINED BY BARRY THE CAT)"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><u><em>Author:<\/em><\/u><\/strong><\/h4>\n\n\n\n<ul><li>Ian Yates<\/li><li>webdesign.tutsplus.com<\/li><li>08.08.2017<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><u><em>Made with:<\/em><\/u><\/strong><\/h4>\n\n\n\n<ul><li>HTML<\/li><li>CSS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><u><em>About the tutorial:<\/em><\/u><\/strong><\/h4>\n\n\n\n<p>&#8220;It turns out that CSS Grid is pretty good at laying out online comics, especially if you want your comics to be flexible. In this tutorial we\u2019ll use Barry the cat to demonstrate how to build a responsive comic.&#8221;<\/p>\n\n\n<a href=\"https:\/\/webdesign.tutsplus.com\/tutorials\/css-grid-layout-and-comics-as-explained-by-barry-the-cat--cms-27617\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Tutorial<\/span><\/a>\n\n\n<a href=\"https:\/\/codepen.io\/tutsplus\/full\/pNgZpj\/\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Ian Yates webdesign.tutsplus.com 08.08.2017 Made with: HTML CSS About the tutorial: &#8220;It turns out that CSS Grid is pretty good at laying out online comics, especially if you want your comics to be flexible. In this tutorial we\u2019ll use Barry the cat to demonstrate how to build a responsive comic.&#8221;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":15684,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4469],"tags":[4516,4477,4478],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/15683"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=15683"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/15683\/revisions"}],"predecessor-version":[{"id":15685,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/15683\/revisions\/15685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/15684"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=15683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=15683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=15683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}