Yhamid – Learning Journal

Learning Journal

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’s screen instead of forcing everyone to see the same design.

Flexbox and Grid

This week, I learned more about using Flexbox and Grid to create layouts with CSS. At first, there were many different properties to remember, and some of them were confusing. After practicing them in different layouts, I started to understand how they work together and how each property can change the position and spacing of elements.

What I Learned This Week

Continuing with HTML and Starting CSS and Fonts

Over the past two weeks, I have learned more about HTML, CSS, typography, and web design. One of my favorite topics was typography because I learned how different fonts, sizes, spacing, and styles can change the overall look of a webpage.

I learned how to create a typographic hierarchy by using CSS properties such as font-family, font-weight, and line-height. I also learned about kerning and line spacing and how these small details can make text easier to read and improve the overall design.

My Web Design Learning Journal

Weeks 1–2: Getting Started with HTML

During the first two weeks of class, I learned how to navigate the course modules and became more familiar with the class organization, expectations, and assignments. Understanding how the course is structured has helped me know what I need to complete and what is expected of me throughout the class. At the same time, I started learning the basics of HTML and became more familiar with different HTML elements. I learned about the basic structure of an HTML document and how HTML tags are used to organize different types of content on a webpage. I practiced working with headings, paragraphs, links, images, and lists.

I also learned that HTML elements can include attributes that provide additional information or affect how an element works. This helped me understand that there are many different ways to organize and build content on a webpage.

Another activity I worked on was exploring the MDN Web Docs. I looked through the documentation and discovered many HTML elements and features that I had not used before. I realized that HTML has many more tags and possibilities than I originally thought, and that each element has a specific purpose. I am still learning when and how to use different tags, but exploring them has made me more interested in web design.

Overall, these first two weeks have given me a strong beginning in learning HTML and web design. I am still getting comfortable with the different elements and how they work together, but continued practice with images, links, and webpage content is helping me build my skills. I am looking forward to learning more about HTML, CSS, and other areas of web design as the class continues.