RTL Styling 101

An extensive guide on how to style for RTL in CSS

Things to do

Add a section about blockquotes
Lazy load the images
Activate the current section in the sidebar
RTL for CSS in JS (React, Vue)
Consider writing about HTML inputs in detail
Consider writing about word-wrap, overflow-wrap

Issues

Have you noticed any issues in the guide? Like a typo, CSS Bug.. etc? Please feel free to open an issue. I created a dedicated repo for the issues only.

Open an Issue

Contributions

If you are interested in contributing to this guide, the guide is available on Github. Your pull requests or issues are highly welcomed. Thank you!

View on Github

Contact me

I'll be happy to hear from you. If you have a suggestion, or you want to hire me for your Front End project that requires RTL work, I'm all ears. My email is shadeed9[at]gmail[dot]com