Monthly Archives: December 2022

M1D11: CSS Grid Layout

Posted on December 31, 2022 by Rose

Difference between Flexbox and Grid Flexbox – one dimensional. It aligns content and distributes space along a single axis, either a row or a column. Grid – two dimensional. Lets you control the sizing, positioning, and spacing of rows and … Continue reading →

Posted in 6-Month Journey, Study Notes | Tagged , | Leave a comment

M1D10: CSS Flexbox Part 3

Posted on December 30, 2022 by Rose

This is now the fourth course on CSS Flexbox I am taking. I first took the one from Udacity, then from Scrimba, and yesterday from Treehouse. So far, my top recommended is Scrimba for more hands-on approach, and Per did … Continue reading →

Posted in 6-Month Journey, Study Notes | Tagged , | Leave a comment

M1D9: CSS Flexbox Part 2

Posted on December 28, 2022 by Rose

This would be the third course I’d be taking for CSS Flexbox. I really liked the one from Scrimba so far, compared with the one from Udacity.com. I think Per did a really great job on structuring the course, and … Continue reading →

Posted in 6-Month Journey, Study Notes | Tagged , | Leave a comment

M1D8: CSS Flexbox

Posted on December 27, 2022 by Rose

Container and flex items. The flex items and container can be different elements as long as they are direct children of the flex container. In order to display the container in flex layout, add the flex display in the CSS. … Continue reading →

Posted in 6-Month Journey, Study Notes | Tagged , | Leave a comment

M1D7: CSS

Posted on December 26, 2022 by Rose

Display and Positioning: Z-index The z-index CSS property can be used to specify the z-order of these overlapping elements. Overlapping elements with a larger z-index cover those with a smaller one. I need to understand Z-index more. To watch: Additional … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment

M1D6: JavaScript – Advanced Use of Operators

Posted on December 22, 2022 by Rose

Task 1: Using the logical && operator You are coding an RPG game, where each character has certain skill levels based on the value saved in their score. The expected output in the console should be: “Mid-level skills: true”. Task … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment

M1D5: CSS Part 2

Posted on December 21, 2022 by Rose

Linking CSS Link External Stylesheets t is a self-closing tag and requires the following three attributes: Note that in HTML5, you actually don’t have to specify type=”text/css” here. @import – links a CSS file to another CSS file. You can have all … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment

M1D5: CSS

Posted on December 21, 2022 by Rose

Tags Connects the CSS to the HTML. For example: HTML CSS Classes HTML elements can have more than just a tag name; they can also have attributes. One common attribute is the class attribute. It’s also possible to select an … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment

M1D4: HTML

Posted on December 21, 2022 by Rose

Text Elements An HTML element is a unit of content in an HTML document that is formed using HTML tags. The basic structure of an element is composed of 4 key items, one of which is optional. 2 Types of … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment

M1D4: JavaScript

Posted on December 20, 2022 by Rose

Variables Activity My Solution Data Types Assignment Operators + – * / Comparison Operators > Greater than < Less than == Equal to != Not equal to Logical Operators && Check for both conditions to be true || Checks for … Continue reading →

Posted in Study Notes | Tagged , | Leave a comment