Week 8 1. Columns (.columns, .column) Why? – It’s because Bulma’s grid system is simple and flexible, allowing for quick layout structuring. Use Case: Creating multi-column layouts for sections like feature highlights, pricing tables, or image/text combos. 2. Navbar (.navbar) Why? It provides a responsive, mobile-friendly navigation bar with minimal setup. Use Case: Structuring site… Continue reading Week 8 – CSS Libraries and Tools

Here’s my site

Kyle Dharam The reason for targeting direct children instead of all children is to apply the skew effect only to the parent while keeping the content inside the direct children upright. .parent { transform: skewY(-10deg); // Skew the parent > .child { // Target only direct children transform: skewY(10deg); // De-skew direct children to keep… Continue reading week7 natours with sass pt3

Kyle Dharam The :not pseudo-class in CSS is used to select elements that do not match a given selector /* Select all paragraphs except those with the class ‘exclude’ */p:not(.exclude) {color: red;} In this example, all <p> elements will have red text, except for those with the class exclude.

Week 7 Direct Children Selector (>): This selector targets only the immediate children of a specified element. It ensures that the styles are applied only to those elements that are directly nested within the parent. All Children Selector (space): This selector applies styles to all descendant elements, regardless of their depth in the hierarchy. This… Continue reading Week 7 – Natours with Sass part 3

Link to my work this Absolute positioning in CSS allows an element to be placed precisely within its containing element. When an element is given position: absolute, it is removed from the normal document flow and positioned relative to its closest positioned ancestor (i.e., an ancestor with position: relative, absolute, or fixed). If no such… Continue reading Week 5- The Box Model & Assorted CSS Properties

Week 5 The :not pseudo-class selector in CSS is used to select elements that do not match a specified selector. This allows you to apply styles to elements while excluding others based on certain criteria. The :not selector can take any valid CSS selector as its argument. Here’s a simple example to illustrate how the… Continue reading Week 5 – natours about section