{"id":2179,"date":"2026-09-16T06:15:54","date_gmt":"2026-09-16T06:15:54","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=2179"},"modified":"2026-09-16T06:17:05","modified_gmt":"2026-09-16T06:17:05","slug":"weeks-3-4-diving-deeper-into-html-css","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2026\/09\/16\/weeks-3-4-diving-deeper-into-html-css\/","title":{"rendered":"Weeks 3 \u2013 4: Diving Deeper into HTML &amp; CSS"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The past two weeks have been incredibly informative. There was so much that I learned and I&#8217;m hoping it all the information absorbs into me.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Week 3 went pretty well styling the Lemmings page was fun as I kinda enjoy customizing stuff in CSS when I know what I&#8217;m doing. I was also playing around with my knowledge of responsive design using some media queries changing the break points of some of the content.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Week 4 I struggled a little bit with some of the practice examples thats were provided. Here&#8217;s the one I got stuck on where I couldn&#8217;t get the boxes to show up:<\/p>\n\n\n\n<div class=\"wp-block-group has-light-gray-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">\/* Level 2: attribute selector ([attribute=&#8221;value&#8221;])<br>Selects elements based on an HTML attribute and its value \u00e2\u20ac\u201d very handy<br>for styling form inputs by type without adding extra classes. *\/<br>input[type=&#8221;text&#8221;] {<br>border: 1px solid #999;<br>padding: 0.4rem;<br>}<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/* input[type=&#8221;text&#8221;] {<br>border: 1px solid red;<br>} *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/* button[type=&#8221;submit&#8221;] {<br>border: 1px solid red;<br>} *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/* #visitor-name input[type=&#8221;text&#8221;] {<br>border: 1px solid red;<br>} *\/<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\/* #contact-form [required] {<br>border: 1px solid red;<br>} *\/<\/p>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">So I&#8217;ll have to return to it on my own time and try it again. But even though I ran into issues with this it was great learn new css styling with tags and elements I had never used before. Especially when it came to combining tags or targeting elements within another element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Last I was able to figure out how to post my font test on the server after hitting my head for a bit. I knew it was possible as when I got logged in to the server with Fetch I saw some of class had posted their files, so I just kept digging and ran into the information of how to get in. All is well! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/appliedartand.design\/86-fa26-mead\/rjackson\/fonttest_jackson-ryan\">https:\/\/appliedartand.design\/86-fa26-mead\/rjackson\/fonttest_jackson-ryan<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The past two weeks have been incredibly informative. There was so much that I learned and I&#8217;m hoping it all the information absorbs into me.<\/p>\n","protected":false},"author":118,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[283],"tags":[32,4,23,260,289,3,35,288,15,18],"class_list":["post-2179","post","type-post","status-publish","format-standard","hentry","category-aad-086-fa26","tag-coding","tag-css","tag-css-layout","tag-fetch","tag-hosing","tag-html","tag-responsive-design","tag-server","tag-typography","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2179","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/users\/118"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=2179"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2179\/revisions"}],"predecessor-version":[{"id":2190,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2179\/revisions\/2190"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=2179"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=2179"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=2179"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}