Tag Archives: Codeacademy

M1D16: Codeacademy | CSS Grid Layout

Posted on January 30, 2023 by Rose

Introduction to Grids Using CSS, you can elegantly lay out elements on a web page. The Box Model and Display and Positioning explain some possible ways to style layout. The grid can be used to layout entire web pages. Whereas Flexbox is mostly useful for positioning items in … Continue reading →

Posted in 6-Month Journey, Study Notes | Tagged , , | 1 Comment

CSS Flexbox Cheatsheet – Codeacademy

Posted on January 30, 2023 by Rose

CSS Flexbox The CSS display: flex property sets an HTML element as a block level flex container which takes the full width of its parent container. Any child elements that reside within the flex container are called flex items. Flex items change … Continue reading →

Posted in Study Notes | Tagged , , | Leave a comment

CSS Grid Cheatsheet – Codeacademy

Posted on January 30, 2023 by Rose

Grid Template Columns To specify the number of columns of the grid and the widths of each column, the CSS property grid-template-columns is used on the grid container. The number of width values determines the number of columns and each width value … Continue reading →

Posted in 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

M1D2: Introduction to HTML

Posted on December 6, 2022 by Rose

Frontend Developer Roadmap Summary Here are a few more resources to add to your toolkit: HTML provides structure to the content appearing on a website, such as images, text, or videos. Right-click on any page on the internet, choose “Inspect,” … Continue reading →

Posted in Study Notes | Tagged , | 1 Comment