-
About Me
-
Hey! My name is Rose.
I am learning to code at 37 years old. -
Find me on Youtube!
-
Get notified
-
-
Latest Posts
-
Archives
-
Important Notes
-
First Webinar - Oct 17- DM Notations
- Midterms - Jan. 8, 2024
- Finals - Mar. 5, 2024
-
Review Maths
-
Resources
-
2023 PBA April Term 2023 PBA October Term BSc Computer Science Business Analytics Nanodegree Udacity Challenge: Front End Developer CM1020 Codeacademy Code Foundations - Code Academy Coursera CS50 CSS CSS Grid Discrete Mathematics Google IT Support Professional Certificate HarvardX ITP1 Teamtreehouse Udacity University of London UoL RPL
Tag Archives: CSS
M1D16: Codeacademy | CSS Grid Layout
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
CSS Flexbox Cheatsheet – Codeacademy
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
CSS Grid Cheatsheet – Codeacademy
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
M1D15: CSS Grid Layout Part 4
Negative Grid Lines and Shorthand Syntax Grid lines also have negative indexes. You can reference grid lines starting from the far right or bottom edges of the grid, using negative line numbers. In this video, you’ll more line placement tips … Continue reading
M1D14: CSS Grid Layout Part 3
Firefox Grid Inspector Tool Position Items by Grid Lines CSS Grid lets you exercise even greater control by specifying the placement of individual grid items. You can use grid line numbers to control how items are placed, by applying properties … Continue reading
M1D13: CSS Grid Layout Part 2
fr – fraction unit, a flexible length unit designed for creating grid tracks that expand and contract based on the free space in the grid. auto – can expand a column to fill up extra space. It sizes items based … Continue reading
M1D11: CSS Grid Layout
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
M1D10: CSS Flexbox Part 3
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
M1D9: CSS Flexbox Part 2
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
M1D8: CSS Flexbox
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