🌆 60+ CSS Shorthand Properties: Cheat Sheet

💎 Direct Link for High-Resolution Image

If you liked this one, give a ⭐️ to this GitHub repo to support my work.

✧ Direct Link:
https://t.co/4tm0id59LH
What did we cover?

Here are those.

➀ all
➁ background
➂ background-position
➃ font
➄ text-align
➅ text-decoration
➆ text-emphasis
➇ list-style
➈ offset
➉ overflow
➀➀ inset
➀➁ inset-block
➀➂ inset-inline
➀➃ margin
➀➄ margin-block
➀➅ margin-inline
➀➆ padding
➀➇ padding-block
➀➈ padding-inline
20. overscroll-behavior
➁➀ scroll-margin
➁➁ scroll-padding
➁➂ border
➁➃ border-top
➁➄ border-right
➁➅ border-bottom
➁➆ border-left
➁➇ border-block
➁➈ border-block-start
30. border-block-end
➂➀ border-inline
➂➁ border-inline-start
➂➂ border-inline-end
➂➃ border-color
➂➄ border-block-color
➂➅ border-inline-color
➂➆ border-style
➂➇ border-block-style
➂➈ border-inline-style
40. border-width
➃➀ border-block-width
➃➁ border-inline-width
➃➂ border-radius
➃➃ border-image
➃➄ outline
➃➅ block-step
➃➆ mask
➃➇ animation
➃➈ transition
50. pause
➄➀ columns
➄➁ columns-rule
➄➂ flex
➄➃ flex-flow
➄➄ place-content
➄➅ place-items
➄➆ place-self
➄➇ grid
➄➈ grid-area
60. grid-column
➅➀ grid-row
➅➁ grid-template
➅➂ gap
Hey 👋

I am a Tech Writer, Educator, and Mentor from India 🇮🇳, here sharing

✅ Tutorials
✅ Tricks
✅ Career Tips
✅ Cheat Sheets
✅ Practice Questions
✅ Project Ideas
on
➠ Web Development
➠ Data Structures and Algorithms
➠ Databases

Thanks for reading. 🙏

More from Swapna Kumar Panda

🛣 Beginner's Roadmap for Front-End

HTML & CSS → 👩‍💻 → JavaScript → 👩‍💻

👩‍💻 ← React* ← 👩‍💻 ← Tailwind*

TypeScript → 👩‍💻 → Next.js* → 👩‍💻 → 🏁



What would we cover?

➊ HTML & CSS
➋ JavaScript
➌ CSS Frameworks
➍ UI Frameworks
➎ TypeScript
➏ Server-side Frameworks
➐ Practice, Practice and, Practice
➑ Other Skills
➒ Frequently Asked Questions

➊ HTML & CSS

⬘ Your Front-End journey shall always start from HTML & CSS and, ends with these as well.

⬗ Don't over burden yourself to learn everything at once. It's a continuous subject.

⬙ Do not separate HTML from CSS. That's


➋ JavaScript

JavaScript is essential. You should start with basics and move to complex subjects.

❍ JavaScript Syntaxes
(preferably ES6 onwards)
❍ HTML DOM API
❍ Event Handling
❍ Fetch


➌ CSS Frameworks

CSS Framework is necessary if you are planning to be a professional developer.

There are so many options available.

❍ Tailwind CSS
❍ Bootstrap
❍ Chakra
❍ Bulma
❍ Foundation
❍ Skeleton
❍ Pure CSS

Start with anything. You can switch any time.

More from Catagory jee

A thread 🧵on Resources-for-preparation-Of-Placements Part -2 (Lecture video links)

**Designing**

- SYSTEM DESIGN

- Gaurav Sen - (
https://t.co/rzNpoBlK3q)

- SudoCode -

- LOW LEVEL DESIGN

- Soumyajit bhattacharya - (https://t.co/PCc8ZQAL8i)

- Sandeep Kaul - (https://t.co/ZH9Jq9Ei3p)

- Crack the System DesigN Interview - (https://t.co/8rhrPZZm1F)

- System Design Interview — Alex Xu -

- Designing Data Intensive Applications - (https://t.co/OhkTqqCQPx)

- System Design Interview - (https://t.co/7QvMtVRGvf)

- System Design - (https://t.co/ytpm3oy0tL)

- Services Engineering - (https://t.co/JPxM5YntWz)

- Engineering Blogs -

**Git and Github**

- Git and GitHub for Poets - (https://t.co/DsXVNVtENy)

**Projects**

- WEB DEVELOPMENT - (https://t.co/w1cEHZFRQz)

- DATA SCIENCE - (https://t.co/SJfFP4U0z0)

- MACHINE LEARNING -
The average salary for a Data Scientist is $117,000.

Want to become a Google Certified Data Scientist?

Here are 4 free courses from Google you don't want to miss:

1. Learn Python basics for data analysis

This course is designed to teach you the fundamentals of the Python programming language, especially for the purpose of data analysis.

👉
https://t.co/q8SIIUytbM


2. Introduction to Data Science

This course will give you a comprehensive introduction to Data Science and Analytics Landscape.

👉 https://t.co/QwYX0U0mzY


3. Data Science with Python

This Data Science with Python program provides learners with a complete understanding of data analytics tools & techniques.

This program is an ideal kickstarter for anyone looking to become a data scientist today.

👉 https://t.co/jVlrdbX654


4. Data Science with Python

Getting started with Python can help you gain knowledge on data analysis, visualization, NumPy, SciPy, web scraping, and natural language processing.

This program is an ideal kickstarter to become a data scientist today.

👉 https://t.co/B70J8zD74g

You May Also Like

प्राचीन काल में गाधि नामक एक राजा थे।उनकी सत्यवती नाम की एक पुत्री थी।राजा गाधि ने अपनी पुत्री का विवाह महर्षि भृगु के पुत्र से करवा दिया।महर्षि भृगु इस विवाह से बहुत प्रसन्न हुए और उन्होने अपनी पुत्रवधु को आशीर्वाद देकर उसे कोई भी वर मांगने को कहा।


सत्यवती ने महर्षि भृगु से अपने तथा अपनी माता के लिए पुत्र का वरदान मांगा।ये जानकर महर्षि भृगु ने यज्ञ किया और तत्पश्चात सत्यवती और उसकी माता को अलग-अलग प्रकार के दो चरू (यज्ञ के लिए पकाया हुआ अन्न) दिए और कहा कि ऋतु स्नान के बाद तुम्हारी माता पुत्र की इच्छा लेकर पीपल का आलिंगन...

...करें और तुम भी पुत्र की इच्छा लेकर गूलर वृक्ष का आलिंगन करना। आलिंगन करने के बाद चरू का सेवन करना, इससे तुम दोनो को पुत्र प्राप्ति होगी।परंतु मां बेटी के चरू आपस में बदल जाते हैं और ये महर्षि भृगु अपनी दिव्य दृष्टि से देख लेते हैं।

भृगु ऋषि सत्यवती से कहते हैं,"पुत्री तुम्हारा और तुम्हारी माता ने एक दुसरे के चरू खा लिए हैं।इस कारण तुम्हारा पुत्र ब्राह्मण होते हुए भी क्षत्रिय सा आचरण करेगा और तुम्हारी माता का पुत्र क्षत्रिय होकर भी ब्राह्मण सा आचरण करेगा।"
इस पर सत्यवती ने भृगु ऋषि से बड़ी विनती की।


सत्यवती ने कहा,"मुझे आशीर्वाद दें कि मेरा पुत्र ब्राह्मण सा ही आचरण करे।"तब महर्षि ने उसे ये आशीर्वाद दे दिया कि उसका पुत्र ब्राह्मण सा ही आचरण करेगा किन्तु उसका पौत्र क्षत्रियों सा व्यवहार करेगा। सत्यवती का एक पुत्र हुआ जिसका नाम जम्दाग्नि था जो सप्त ऋषियों में से एक हैं।