Board Thread:Support Requests - Designing Your Wiki/@comment-45592444-20200919012638/@comment-9605025-20200919021441

Well, having nested divs is also going to have issues on mobile as well. So I am not sure that is much of an improvement.

Regardless, here is an example of the basic idea you can use. I'll leave it up to you to work out the color and size details.   Hello There!   Hello There!   Hello There!   Hello There!   Hello There!   Hello There!   Hello There!   Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! <div style="border: 1px solid green; width: 100px; height: 150px; overflow: hidden; display: inline-block; position: relative;"> <div style="border: 1px solid blue; background-color: rgba(0, 0, 0, 0.75); text-align: center; color: white; width: 100%; position: absolute; bottom: 0;"> Hello There! - Edit:

I am not sure why the images aren't coming out the right size but I trust you get the general idea.