🎢 Detects user’s preferences for reduced motion using the 'prefers-reduce-motion' CSS3 level 5 media query.

Webpack loader : group-css-media-queries

🌗 Detects user’s color scheme preferences using the 'prefers-color-scheme' CSS3 level 5 media query.

portfolio card

HTML and CSS Codes

Css properties like css-grid, css-Animation, css-transition

Personal Website

Responsive blog preview card solution using HTML, CSS variables, and media queries. Part of a Frontend Mentor challenge.

🔆 Detects user’s preferences for contrast using the 'prefers-contrast' CSS3 level 5 media query.

It is a website of a start-up company named "TinDog" which is basically a Tinder for Dogs, helping them to meet new and interesting dogs nearby. This website is designed using Bootstrap framework.

a front end developer portfolio

I developed a Netflix clone utilizing React.js and CSS media query properties for responsiveness.

Parses and determines if a given CSS Media Query matches a set of values. This is a port of https://github.com/ericf/css-mediaquery.

Responsive navbar/navigation bar made using only HTML and CSS without Javascript. See tutorial https://bit.ly/3l7DAxX

🕯 Detects the ambient light-level of the user’s device using the 'light-level' CSS3 level 5 media query.

💎 Detects user’s transparency preferences using the 'prefers-reduced-transparency' CSS3 level 5 media query.

Bu belge Css'in temel ve gelişmiş metotlarını içeren Türkçe belge niteliğinde hazırlanmış notlardan oluşur. Metotlar, tanımları ve kullanım örneklerinden oluşur. Hazırlayan @burakkrt

This projects was done by me while I'm Practices css grid ,flexbox! and css Media Query this projects is responsive for desktop and mobile devices

The Pricing-Plan Project features responsive subscription plans for various user needs, displayed in a user-friendly format across devices. It integrates media queries for optimal viewing on larger screens, focusing on clear, actionable subscription options.