I am currently using grids to make a website. Here is the code:<\/p>\n\n\n\n
<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Why Mr.Wilmoose Should not have the great Ace do work<\/title>\r\n <link rel=\"stylesheet\" href=\"style.css\">\r\n<\/head>\r\n<body>\r\n \r\n <div class=\"gridcontainer\">\r\n <div id=\"head\"class=\"griditem\">Ace Is Cool<\/div>\r\n <div id=\"nav\"class=\"griditem\">F<\/div>\r\n <div id=\"main\"class=\"griditem\">\"\"<\/div>\r\n <div id=\"right\"class=\"griditem\">l boso<\/div>\r\n <div id=\"left\" class=\"griditem\">cheese<\/div>\r\n <div id=\"footer\" class=\"griditem\">Go die in a hole<\/div>\r\n <\/div>\r\n \r\n<\/body>\r\n<\/html><\/code><\/pre>\n\n\n\n—————————————————————————————<\/p>\n\n\n\n
^For HTML<\/p>\n\n\n\n
—————————————————————————————<\/p>\n\n\n\n
.gridcontainer{\r\n display: grid;\r\n grid-template-areas: \r\n \r\n \"h h h h h\"\r\n \"n n n n r\"\r\n \"l m m m r\"\r\n \"l m m m r\"\r\n \"f f f f f\"\r\n ;\r\n\r\n}\r\n\r\n.griditem{\r\n border: 1px black solid;\r\n}\r\n\r\n#head{\r\n grid-area: h;\r\n}\r\n#nav{\r\n grid-area: n;\r\n}\r\n#main{\r\n grid-area: m;\r\n}\r\n#left{\r\n grid-area: l;\r\n}\r\n#right{\r\n grid-area: r;\r\n}\r\n#footer{\r\n grid-area: f;\r\n}<\/code><\/pre>\n\n\n\n——————————————————————————————-<\/p>\n\n\n\n
^For CSS<\/p>\n","protected":false},"excerpt":{"rendered":"
I am currently using grids to make a website. Here is the code: ————————————————————————————— ^For HTML ————————————————————————————— ——————————————————————————————- ^For CSS<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-97","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/posts\/97\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/a_carpenter\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}