natours with sass pt1 week4

Kyle Dharam In the tutorials 2 interesting CSS features were: not() Pseudo Selector: The :not() pseudo selector is used to apply styles to elements that do not match a certain selector. For example, to style all buttons except those with the class btn-outline-primary: button:not(.btn-outline-primary) { background-color: grey; calc() Function: The calc() function is used to perform calculations to determine CSS property values.… Continue reading natours with sass pt1 week4

Published

intro to npm and sass

week 3 Kyle Dharam // Define a color variable$primary-color: #3498db; // Use the color variablebody {background-color: $primary-color;color: #fff;} Using Sass variables allows you to maintain consistency in your stylesheets and makes it easier to update your colors. 

Published

Week 3: Semantic HTML, Forms & Tables

Link to my work this week The Purpose of Various Elements: <header> <footer> <nav> <section> <article> Comparison with <div>

Published

week 4

When organizing a website or webpage project, it’s crucial to follow a clear and scalable structure. One common approach is to create a folder for each project, with an index.html file and a style.css file inside. This structure helps keep the code clean by separating HTML (content) and CSS (style), making it easier to maintain… Continue reading week 4

Published

Untitled

When you’re building a webpage, understanding the purpose of different HTML elements can make a huge difference. Elements like <header>, <footer>, <nav>, <section>, and <article> aren’t just there to hold content—they each have a specific meaning and purpose. But how do these elements differ from the general-purpose <div> tag. The <header> element represents the top… Continue reading Untitled

Published

Designspiration: Deer and Poster

I choose this Geometric Design of a Deer. I picked it simply because I thought it looked cute. What shapes are in the composition? The shapes I see are a trapezoid, parallelogram, triangles, right triangle, rhombus, rectangle, pentagon, and rectangle prism. Are there multiple fonts? There are no fonts in this image. Font faces? None.… Continue reading Designspiration: Deer and Poster

Published

My Hobbies

Link to my work this week Describe the importance of the HTML “boilerplate.” What are its main parts? And what are they used for? The HTML boilerplate is the basic structure of an html document. All html documents have the same boilerplate that needs to be in place before anything useful can be done.The importance of the html… Continue reading My Hobbies

Published