🔅 CSS Clamp

clamp(minimum, preferred, maximum);

In this example, the preferred value is 50%.

On the left 50% of the 400px viewport is 200px, which is less than the 300px minimum value that gets used instead.

On the right, 50% of the 1400px viewport equals 700px, which is greater than the minimum value and lower than the 800px maximum value, so it equates to 700px.

🔅 CSS Clamp and font-size

p {
  font-size: clamp(1rem, 4vw, 1.5rem);
}

🔅 CSS: Hover Effect

🔸 The :has pseudo selector (so called parent selector) selects an element based on whether it contains a particular child

In this example, we are selecting the container when it contains any hovered profiles

🔸 After this we select all the profiles that are not selected inside it using the :not pseudo selector

The combination of this helps us to select all the profiles that are currently not hovered, and configure a filter effect for them!

🔅 How to Plan Your Website

🌐 Author: Avery Swartz
🔰 Level: General

⏰ Duration: 1h 31m

🌀 You no longer need coding skills to build a website, but you do still need a plan. Learn how to determine what type of website to make and which goals to start tracking.

📗 Topics: Website Building, Web Design

📤 Join @webdev_trainings for more courses

🔸 Full description 🔸

Thanks to website builders like Squarespace, WordPress, and Shopify, you don't need coding skills to get a website online. But you do still need a plan. In this course, learn how to set yourself up for success by determining the purpose of your website, the type of site youre going to make, and which goals to track along the way.Instructor Avery Swartz— the founder and CEO of Camp Tech, a tech workshop company for nontechnical people—breaks down different website styles and how to pick the one that's best for your project. She explains how to get clarity on the overall purpose of your site, set goals, and figure out how you're going to track your progress. Avery then shifts her focus from the big picture to the actual look and feel of your website, explaining how to ensure that the words, images, and overall design are accessible, mobile-friendly, and optimized for performance and search engines.

🔅 Outline-offset in CSS

🔅 Overscroll Behaviour in CSS

🔰 Docker & Kubernetes: The Practical Guide [2023 Edition]

🌟 4.7 - 21751 votes 💰 Original Price: $74.99

Learn Docker, Docker Compose, Multi-Container Projects, Deployment and all about Kubernetes from the ground up!

Taught By: Academind by Maximilian Schwarzmüller, Maximilian Schwarzmüller

Download Full Course: https://t.iss.one/LinuxMastery/150
Download All Courses: https://t.iss.one/zero_to_mastery