Скачать или смотреть A big problem with letter-spacing and a super easy Sass mixin to fix it

When you add letter-spacing to your text with CSS, it causes alignment problems with center and right aligned text. There is a simple way to fix it, but it requires writing two lines of CSS when all you want to do is add some letter-spacing!

Sass is a perfect solution for things like this, where we can use a simple mixin, which once created, will allow us to write only one line of code, and get the desired result :)

Codepen: https://codepen.io/kevinpowell/pen/LX...

I also have an article on the do's and don'ts of letter-spacing: https://www.kevinpowell.co/article/le...

#fiveminutefriday

---

I have a newsletter! https://www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save:    • How to automatically refresh your browser ...  

---

Support me on Patreon:   / kevinpowell  

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram:   / kevinpowell.co  
Twitter:   / kevinjpowell  
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell