🎮 CSS Hell: 15 challenging CSS puzzles
Test your CSS skills with 15 tricky puzzles where you need to align pegs with their corresponding holes by adding the right CSS properties to divs. Each puzzle presents a visual challenge that requires creative use of CSS to solve.
👉 Think you know CSS? This game will put your skills to the test with increasingly difficult challenges that will make you think outside the box.
Try it out and see how many puzzles you can solve!
https://csshell.com/
💎 @Htmlcss_channels | #css #JavaScript #HTML
Test your CSS skills with 15 tricky puzzles where you need to align pegs with their corresponding holes by adding the right CSS properties to divs. Each puzzle presents a visual challenge that requires creative use of CSS to solve.
Try it out and see how many puzzles you can solve!
https://csshell.com/
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3
ساختن وبسایتهای زیبا لازم نیست کار سختی باشه این ابزارهای آنلاین CSS آنلاین کار توسعهدهندگان را راحت میکنه
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
🔰 Container queries in CSS
If you have not tried out container queries yet, would highly recommend that you do
This is a relatively new CSS feature, which is similar to media queries. While media queries are based on the dimension of the entire page, container queries are specific to individual elements in a page.
👉 Here we define a "container" and conditionally style elements inside the container based on the dimensions of the container
👉 Some other examples include, when you want to style an individual card based on its size
💎 @Htmlcss_channels | #css #JavaScript #HTML
If you have not tried out container queries yet, would highly recommend that you do
This is a relatively new CSS feature, which is similar to media queries. While media queries are based on the dimension of the entire page, container queries are specific to individual elements in a page.
👉 Here we define a "container" and conditionally style elements inside the container based on the dimensions of the container
👉 Some other examples include, when you want to style an individual card based on its size
💎 @Htmlcss_channels | #css #JavaScript #HTML
❤3
Media is too big
VIEW IN TELEGRAM
Rotating 3D Slider
The logic of the slider is implemented in JS. Stylized and animated in SCSS.
👉 code
💎 @Htmlcss_channels | #css #JavaScript #HTML
The logic of the slider is implemented in JS. Stylized and animated in SCSS.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2