René's URL Explorer Experiment

Title: GitHub - java2anand/css-protips: ⚡️ A collection of tips to help take your CSS skills pro 🦾

Open Graph Title: GitHub - java2anand/css-protips: ⚡️ A collection of tips to help take your CSS skills pro 🦾

X Title: GitHub - java2anand/css-protips: ⚡️ A collection of tips to help take your CSS skills pro 🦾

Description: ⚡️ A collection of tips to help take your CSS skills pro 🦾 - java2anand/css-protips

Open Graph Description: ⚡️ A collection of tips to help take your CSS skills pro 🦾 - java2anand/css-protips

X Description: ⚡️ A collection of tips to help take your CSS skills pro 🦾 - java2anand/css-protips

Opengraph URL: https://github.com/java2anand/css-protips

X: @github

direct link

Domain: github.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:05ea9a1c-d1b9-a3ee-fea0-eebe7b1fd1f9
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	8B4C:388B78:31FA53F:4188F7A:696B8772
html-safe-nonce	1bc069ae07ab117b8a5eaae19657e0398304ef18d83a639925383cedacc5adf4
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4QjRDOjM4OEI3ODozMUZBNTNGOjQxODhGN0E6Njk2Qjg3NzIiLCJ2aXNpdG9yX2lkIjoiOTAyNDA3ODI0MTc1OTcyNTQyNiIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac	cfc81b87b4de331ce7847cdf69b437bf76c854d0b7ff27c9d1703b97d7843ffe
hovercard-subject-tag	repository:604564588
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/java2anand/css-protips
twitter:image	https://opengraph.githubassets.com/c1abbd2ff2d5a6caf3765e3678a5744f46b889a6ce693ec381f9c789eff44765/java2anand/css-protips
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/c1abbd2ff2d5a6caf3765e3678a5744f46b889a6ce693ec381f9c789eff44765/java2anand/css-protips
og:image:alt	⚡️ A collection of tips to help take your CSS skills pro 🦾 - java2anand/css-protips
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	5f99f7c1d70f01da5b93e5ca90303359738944d8ab470e396496262c66e60b8d
turbo-cache-control	no-preview
go-import	github.com/java2anand/css-protips git https://github.com/java2anand/css-protips.git
octolytics-dimension-user_id	17135172
octolytics-dimension-user_login	java2anand
octolytics-dimension-repository_id	604564588
octolytics-dimension-repository_nwo	java2anand/css-protips
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	true
octolytics-dimension-repository_parent_id	41592744
octolytics-dimension-repository_parent_nwo	AllThingsSmitty/css-protips
octolytics-dimension-repository_network_root_id	41592744
octolytics-dimension-repository_network_root_nwo	AllThingsSmitty/css-protips
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	82560a55c6b2054555076f46e683151ee28a19bc
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/java2anand/css-protips#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fjava2anand%2Fcss-protips
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub SparkBuild and deploy intelligent apps	https://github.com/features/spark
GitHub ModelsManage and compare prompts	https://github.com/features/models
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fjava2anand%2Fcss-protips
Sign up	https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=java2anand%2Fcss-protips
Reload	https://github.com/java2anand/css-protips
Reload	https://github.com/java2anand/css-protips
Reload	https://github.com/java2anand/css-protips
java2anand	https://github.com/java2anand
css-protips	https://github.com/java2anand/css-protips
AllThingsSmitty/css-protips	https://github.com/AllThingsSmitty/css-protips
Notifications	https://github.com/login?return_to=%2Fjava2anand%2Fcss-protips
Fork 0	https://github.com/login?return_to=%2Fjava2anand%2Fcss-protips
Star 0	https://github.com/login?return_to=%2Fjava2anand%2Fcss-protips
CC0-1.0 license	https://github.com/java2anand/css-protips/blob/master/LICENSE
0 stars	https://github.com/java2anand/css-protips/stargazers
2.2k forks	https://github.com/java2anand/css-protips/forks
Branches	https://github.com/java2anand/css-protips/branches
Tags	https://github.com/java2anand/css-protips/tags
Activity	https://github.com/java2anand/css-protips/activity
Star	https://github.com/login?return_to=%2Fjava2anand%2Fcss-protips
Notifications	https://github.com/login?return_to=%2Fjava2anand%2Fcss-protips
Code	https://github.com/java2anand/css-protips
Pull requests 0	https://github.com/java2anand/css-protips/pulls
Actions	https://github.com/java2anand/css-protips/actions
Projects 0	https://github.com/java2anand/css-protips/projects
Security Uh oh! There was an error while loading. Please reload this page.	https://github.com/java2anand/css-protips/security
Please reload this page	https://github.com/java2anand/css-protips
Insights	https://github.com/java2anand/css-protips/pulse
Code	https://github.com/java2anand/css-protips
Pull requests	https://github.com/java2anand/css-protips/pulls
Actions	https://github.com/java2anand/css-protips/actions
Projects	https://github.com/java2anand/css-protips/projects
Security	https://github.com/java2anand/css-protips/security
Insights	https://github.com/java2anand/css-protips/pulse
Branches	https://github.com/java2anand/css-protips/branches
Tags	https://github.com/java2anand/css-protips/tags
	https://github.com/java2anand/css-protips/branches
	https://github.com/java2anand/css-protips/tags
360 Commits	https://github.com/java2anand/css-protips/commits/master/
	https://github.com/java2anand/css-protips/commits/master/
assets/img	https://github.com/java2anand/css-protips/tree/master/assets/img
assets/img	https://github.com/java2anand/css-protips/tree/master/assets/img
translations	https://github.com/java2anand/css-protips/tree/master/translations
translations	https://github.com/java2anand/css-protips/tree/master/translations
CODE-OF-CONDUCT.md	https://github.com/java2anand/css-protips/blob/master/CODE-OF-CONDUCT.md
CODE-OF-CONDUCT.md	https://github.com/java2anand/css-protips/blob/master/CODE-OF-CONDUCT.md
CONTRIBUTING.md	https://github.com/java2anand/css-protips/blob/master/CONTRIBUTING.md
CONTRIBUTING.md	https://github.com/java2anand/css-protips/blob/master/CONTRIBUTING.md
LICENSE	https://github.com/java2anand/css-protips/blob/master/LICENSE
LICENSE	https://github.com/java2anand/css-protips/blob/master/LICENSE
README.md	https://github.com/java2anand/css-protips/blob/master/README.md
README.md	https://github.com/java2anand/css-protips/blob/master/README.md
README	https://github.com/java2anand/css-protips
Code of conduct	https://github.com/java2anand/css-protips
Contributing	https://github.com/java2anand/css-protips
License	https://github.com/java2anand/css-protips
	https://github.com/java2anand/css-protips/blob/master/assets/img/bulb.svg
	https://github.com/sindresorhus/awesome
	https://github.com/java2anand/css-protips#css-protips-
@sindresorhus	https://github.com/sindresorhus/
awesome lists	https://github.com/sindresorhus/awesome/
	https://github.com/java2anand/css-protips#table-of-contents
Protips	https://github.com/java2anand/css-protips#protips
Support	https://github.com/java2anand/css-protips#support
Translations	https://github.com/java2anand/css-protips#translations
Contribution Guidelines	https://github.com/java2anand/css-protips/blob/master/CONTRIBUTING.md
	https://github.com/java2anand/css-protips#protips
Use a CSS Reset	https://github.com/java2anand/css-protips#use-a-css-reset
Inherit box-sizing	https://github.com/java2anand/css-protips#inherit-box-sizing
Use unset Instead of Resetting All Properties	https://github.com/java2anand/css-protips#use-unset-instead-of-resetting-all-properties
Use :not() to Apply/Unapply Borders on Navigation	https://github.com/java2anand/css-protips#use-not-to-applyunapply-borders-on-navigation
Check If Font Is Installed Locally	https://github.com/java2anand/css-protips#check-if-font-is-installed-locally
Add line-height to body	https://github.com/java2anand/css-protips#add-line-height-to-body
Set :focus for Form Elements	https://github.com/java2anand/css-protips#set-focus-for-form-elements
Vertically-Center Anything	https://github.com/java2anand/css-protips#vertically-center-anything
Comma-Separated Lists	https://github.com/java2anand/css-protips#comma-separated-lists
Select Items Using Negative nth-child	https://github.com/java2anand/css-protips#select-items-using-negative-nth-child
Use SVG for Icons	https://github.com/java2anand/css-protips#use-svg-for-icons
Use the "Lobotomized Owl" Selector	https://github.com/java2anand/css-protips#use-the-lobotomized-owl-selector
Use max-height for Pure CSS Sliders	https://github.com/java2anand/css-protips#use-max-height-for-pure-css-sliders
Equal-Width Table Cells	https://github.com/java2anand/css-protips#equal-width-table-cells
Get Rid of Margin Hacks With Flexbox	https://github.com/java2anand/css-protips#get-rid-of-margin-hacks-with-flexbox
Use Attribute Selectors with Empty Links	https://github.com/java2anand/css-protips#use-attribute-selectors-with-empty-links
Style "Default" Links	https://github.com/java2anand/css-protips#style-default-links
Intrinsic Ratio Boxes	https://github.com/java2anand/css-protips#intrinsic-ratio-boxes
Style Broken Images	https://github.com/java2anand/css-protips#style-broken-images
Use rem for Global Sizing; Use em for Local Sizing	https://github.com/java2anand/css-protips#use-rem-for-global-sizing-use-em-for-local-sizing
Hide Autoplay Videos That Aren't Muted	https://github.com/java2anand/css-protips#hide-autoplay-videos-that-arent-muted
Use :root for Flexible Type	https://github.com/java2anand/css-protips#use-root-for-flexible-type
Set font-size on Form Elements for a Better Mobile Experience	https://github.com/java2anand/css-protips#set-font-size-on-form-elements-for-a-better-mobile-experience
Use Pointer Events to Control Mouse Events	https://github.com/java2anand/css-protips#use-pointer-events-to-control-mouse-events
Set display: none on Line Breaks Used as Spacing	https://github.com/java2anand/css-protips#set-display-none-on-line-breaks-used-as-spacing
Use :empty to Hide Empty HTML Elements	https://github.com/java2anand/css-protips#use-empty-to-hide-empty-html-elements
	https://github.com/java2anand/css-protips#use-a-css-reset
Normalize	http://necolas.github.io/normalize.css/
Demo	http://codepen.io/AllThingsSmitty/pen/kkrkLL
	https://github.com/java2anand/css-protips#demo
Inherit box-sizing	https://github.com/java2anand/css-protips#inherit-box-sizing
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#inherit-box-sizing
Demo	https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
	https://github.com/java2anand/css-protips#demo-1
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-unset-instead-of-resetting-all-properties
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-not-to-applyunapply-borders-on-navigation
Demo	http://codepen.io/AllThingsSmitty/pen/LkymvO
	https://github.com/java2anand/css-protips#demo-2
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#check-if-font-is-installed-locally
demo	https://codepen.io/argyleink/pen/VwYJpgR
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#add-line-height-to-body
Demo	http://codepen.io/AllThingsSmitty/pen/VjbdYd
	https://github.com/java2anand/css-protips#demo-3
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#set-focus-for-form-elements
Demo	https://codepen.io/AllThingsSmitty/pen/ePzoOP/
	https://github.com/java2anand/css-protips#demo-4
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#vertically-center-anything
a nice write-up	https://css-tricks.com/centering-css-complete-guide/
buggy behavior	https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
Demo	http://codepen.io/AllThingsSmitty/pen/GqmGqZ
	https://github.com/java2anand/css-protips#demo-5
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#comma-separated-lists
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#select-items-using-negative-nth-child
using :not()	https://github.com/java2anand/css-protips#use-not-to-applyunapply-borders-on-navigation
Demo	http://codepen.io/AllThingsSmitty/pen/WxjKZp
	https://github.com/java2anand/css-protips#demo-6
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-svg-for-icons
back to IE9	http://caniuse.com/#search=svg
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-the-lobotomized-owl-selector
Heydon Pickering's post	http://alistapart.com/article/axiomatic-css-and-lobotomized-owls
Demo	http://codepen.io/AllThingsSmitty/pen/grRvWq
	https://github.com/java2anand/css-protips#demo-7
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-max-height-for-pure-css-sliders
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#equal-width-table-cells
Demo	http://codepen.io/AllThingsSmitty/pen/jALALm
	https://github.com/java2anand/css-protips#demo-8
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#get-rid-of-margin-hacks-with-flexbox
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-attribute-selectors-with-empty-links
Demo	http://codepen.io/AllThingsSmitty/pen/zBzXRx
	https://github.com/java2anand/css-protips#demo-9
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#style-default-links
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#intrinsic-ratio-boxes
Demo	http://codepen.io/AllThingsSmitty/pen/jALZvE
	https://github.com/java2anand/css-protips#demo-10
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#style-broken-images
Ire Aderinokun	https://github.com/ireade/
original post	http://bitsofco.de/styling-broken-images/
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-rem-for-global-sizing-use-em-for-local-sizing
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#hide-autoplay-videos-that-arent-muted
:not()	https://github.com/java2anand/css-protips#use-not-to-applyunapply-borders-on-navigation
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-root-for-flexible-type
Demo	http://codepen.io/AllThingsSmitty/pen/XKgOkR
	https://github.com/java2anand/css-protips#demo-11
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#set-font-size-on-form-elements-for-a-better-mobile-experience
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-pointer-events-to-control-mouse-events
Pointer events	https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#set-display-none-on-line-breaks-used-as-spacing
Harry Roberts pointed out	https://twitter.com/csswizardry/status/1170835532584235008
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#use-empty-to-hide-empty-html-elements
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#support
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
	https://github.com/java2anand/css-protips#translations
简体中文	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-CN
正體中文	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/zh-TW
Deutsch	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/de-DE
Español	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/es-ES
Français	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/fr-FR
λληνικά	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gr-GR
ગુજરાતી	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/gu-IND
Italiano	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/it-IT
日本語	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ja-JP
한국어	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ko-KR
Polskie	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pl-PL
Português do Brasil	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-BR
Português do Europe	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/pt-PT
Русский	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/ru-RU
Tiếng Việt	https://github.com/AllThingsSmitty/css-protips/tree/master/translations/vn-VN
back to table of contents	https://github.com/java2anand/css-protips#table-of-contents
Readme	https://github.com/java2anand/css-protips#readme-ov-file
CC0-1.0 license	https://github.com/java2anand/css-protips#CC0-1.0-1-ov-file
Please reload this page	https://github.com/java2anand/css-protips
Activity	https://github.com/java2anand/css-protips/activity
0 stars	https://github.com/java2anand/css-protips/stargazers
0 watching	https://github.com/java2anand/css-protips/watchers
0 forks	https://github.com/java2anand/css-protips/forks
Report repository	https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fjava2anand%2Fcss-protips&report=java2anand+%28user%29
Releases	https://github.com/java2anand/css-protips/releases
Packages 0	https://github.com/users/java2anand/packages?repo_name=css-protips
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.