1. Forum
  2. >
  3. Topic: Troubleshooting
  4. >
  5. Solution for words being cut …


Solution for words being cut off on lesson select screen

For any particular skill, there's a chance that some of the words for a lesson are cut off on the lesson select/overview screen. This mostly happens with lessons that contain longer words.

This was annoying me, so I installed Stylish (for Chrome, I'm sure there are similar addons for other browsers), added my own custom style for duolingo.com, and put this in it:

<pre>.list-lesson-item p { height: auto; min-height: 80px; } </pre>

This does mean that some of the lesson boxes will be greater in height than others, so it won't look quite so uniform, but I'm pretty sure the ability to see all the words in a lesson outweighs that consideration. Personally, I repeat each lesson multiple times on the days following the day that I initially did it, so I like looking at the words before I start the lesson and seeing if I can remember what each one means without any clues, in order to confirm that I'm actually learning.

May 6, 2015

1 Comment


Thanks for this. I have always disliked the font color (gray), so I changed that as well, and font size. If anyone is interested, this is the entire style I made:

.list-lesson-item p { height: auto; min-height: 80px; font-size: 20px; color: black; }

Learn a language in just 5 minutes a day. For free.