{"id":2226,"date":"2026-10-09T16:44:57","date_gmt":"2026-10-09T16:44:57","guid":{"rendered":"https:\/\/appliedartand.design\/lj\/?p=2226"},"modified":"2026-10-09T16:44:57","modified_gmt":"2026-10-09T16:44:57","slug":"learning-journal","status":"publish","type":"post","link":"https:\/\/appliedartand.design\/lj\/2026\/10\/09\/learning-journal\/","title":{"rendered":"Learning Journal"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Responsive Design<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This week, I learned that responsive design is about creating websites that work well on different devices and screen sizes, such as computers, tablets, and phones. A website should not only look good but also be easy to use and understand. The content and layout should adjust to the user&#8217;s screen instead of forcing everyone to see the same design.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\"><br>I also learned that the role of web designers has changed over time. In the past, designers focused more on how a webpage looked, but today, they need to think about the user&#8217;s experience and what people want to accomplish on a website. AI is also changing web design because it can help designers with ideas and technical tasks, but human creativity and decision-making are still important.<\/p>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<h2 class=\"wp-block-heading has-bright-blue-color has-text-color has-link-color wp-elements-1\">CSS Notes for Responsive Design<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"423\" height=\"297\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/CSS-Notes-RD-2-edited.png\" alt=\"\" class=\"wp-image-2235\" style=\"aspect-ratio:1.4242808033291117;width:242px;height:auto\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/CSS-Notes-RD-2-edited.png 423w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/CSS-Notes-RD-2-edited-300x211.png 300w\" sizes=\"auto, (max-width: 423px) 85vw, 423px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-8f761849 wp-block-group-is-layout-flex\">\n<p class=\"has-text-align-left wp-block-paragraph\">Overall, I learned that responsive design is not just about changing the size of a webpage. It is about making websites flexible, accessible, and useful for everyone. I also understand that CSS properties such as media queries, Flexbox, maximum width, and responsive images help create layouts that work on different screens. As I continue learning web design, I want to practice using these techniques so I can create websites that look good and provide a better experience for users.<\/p>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"589\" height=\"532\" src=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/Responsive-Design-Notes-CSS-1.png\" alt=\"\" class=\"wp-image-2229\" style=\"aspect-ratio:1.107148699492884;width:481px;height:auto\" srcset=\"https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/Responsive-Design-Notes-CSS-1.png 589w, https:\/\/appliedartand.design\/lj\/wp-content\/uploads\/2026\/10\/Responsive-Design-Notes-CSS-1-300x271.png 300w\" sizes=\"auto, (max-width: 589px) 85vw, 589px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Responsive Design This week, I learned that responsive design is about creating websites that work well on different devices and screen sizes, such as computers, tablets, and phones. A website should not only look good but also be easy to use and understand. The content and layout should adjust to the user&#8217;s screen instead of &hellip; <a href=\"https:\/\/appliedartand.design\/lj\/2026\/10\/09\/learning-journal\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Learning Journal&#8221;<\/span><\/a><\/p>\n","protected":false},"author":111,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[283],"tags":[4,35,18],"class_list":["post-2226","post","type-post","status-publish","format-standard","hentry","category-aad-086-fa26","tag-css","tag-responsive-design","tag-web-design"],"_links":{"self":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2226","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\/111"}],"replies":[{"embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/comments?post=2226"}],"version-history":[{"count":1,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2226\/revisions"}],"predecessor-version":[{"id":2236,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/posts\/2226\/revisions\/2236"}],"wp:attachment":[{"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/media?parent=2226"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/categories?post=2226"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/appliedartand.design\/lj\/wp-json\/wp\/v2\/tags?post=2226"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}