Kyle Dharam

the kaleidoscope of seeing the sky when it sets the pink-gold streaks of racing

Link to the version04-NPM and Sass Navigation Bar – CodePen Problem Set Link to 04-comment-box-rework Example of Sass variable syntax Using Sass variables to store color values is highly useful in web development for several reasons:

I chose this because it just feels like you are actually in the game at the palm of your hands when playing a mobile game and that everything has came to life from that game experience.

Link to my work this week

Week 3 folder Example of Sass: // Define a color variable $primary-color: #3498db; // Use the color variable in your styles .header { background-color: $primary-color; color: #ffffff; } .button { background-color: $primary-color; border: none; color: #fff; padding: 10px 20px; cursor: pointer; } .button:hover { background-color: lighten($primary-color, 10%); } $primary-color is the variable name while #3498db… Continue reading Week 3 – Intro to NPM and Sass

Kyle Dharam Block: Elements: Modifiers: Example Code: Key Points: Inherited Properties: Non-Inherited Properties: Inline, Block, and Inline-Block: Why Use inline-block: Used for elements that need to align horizontally but also have size control, like buttons or cards.

Kyle Dharam To center an element using transform: translate(-50%, -50%);, you do these steps: Example: In this example, the .child element is centered within the .parent container. Alternatively, modern CSS techniques like Flexbox offer more straightforward centering methods: This Flexbox approach centers the .child element both horizontally and vertically within the .parent container.