How to improve the "projects" section on mobile resolution?

Question

css

Briefly sketched here:
jsfiddle.net/dkweb/6r06srba

The bottom line is that on small screens my 12 projects take up more than the height of the screen and if you click on the project, the description will be higher ...

I think I can make a hidden block positioned absolutely by zeros to full height, which would appear when you click on the project?
I don't see a solution with the pull-out unit...
What do you think?

Answer 1

$(windows).scrollTop($('#content-project_1').offest().top);

...not?