{"id":89,"date":"2024-03-22T14:21:10","date_gmt":"2024-03-22T14:21:10","guid":{"rendered":"https:\/\/theroyalscode.com\/students\/h_francois\/?p=89"},"modified":"2024-03-22T14:21:10","modified_gmt":"2024-03-22T14:21:10","slug":"friday-3-22-2024","status":"publish","type":"post","link":"https:\/\/theroyalscode.com\/students\/h_francois\/2024\/03\/22\/friday-3-22-2024\/","title":{"rendered":"friday 3\/22\/2024"},"content":{"rendered":"\n<p>today I tried doing display grid which is copying a website using blocks of a header, nav, left, &amp; right as you can see in the following code<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;div class=\"grid-container\">\n        &lt;div id=\"nav\" class=\"grid-item\">Nav&lt;\/div>\n        &lt;div id=\"header\" class=\"grid-item\">  &lt;img src=\"Captureyt3.PNG\" alt=\"\">&lt;\/div>\n        &lt;div id=\"left\" class=\"grid-item\">&lt;iframe width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/WV5RDn6UH0g?si=5TYwq5Xy7jKlxSPK\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen>&lt;\/iframe>\n        &lt;img src=\"Captureyt.PNG\" alt=\"\">&lt;\/div>\n        &lt;div id=\"right\" class=\"grid-item\"> &lt;img src=\"Captureyt2.PNG\" alt=\"\">&lt;\/div>\n    &lt;\/div>\n\n<\/code><\/pre>\n\n\n\n<p>it wasn&#8217;t that successful but ill still show images and try to get better<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"539\" src=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye-1024x539.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye-1024x539.png 1024w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye-300x158.png 300w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye-768x405.png 768w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye-1536x809.png 1536w, https:\/\/theroyalscode.com\/students\/h_francois\/wp-content\/uploads\/2024\/03\/Captureye.png 1845w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>today I tried doing display grid which is copying a website using blocks of a header, nav, left, &amp; right as you can see in the following code it wasn&#8217;t that successful but ill still show images and try to get better<\/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-89","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/comments?post=89"}],"version-history":[{"count":1,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/89\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/posts\/89\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/media?parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/categories?post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/theroyalscode.com\/students\/h_francois\/wp-json\/wp\/v2\/tags?post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}