响应工具提示按钮，正确溢出

Question

这是一个带有工具提示的简单日历，当它悬停在几天时会显示当天庆祝的描述或节日。 这是工具提示的CSS：

.tooltiptext{
    display:none;
    background-color:#000;
    color:#fff;
    width:200px;
    top: 5px;
    text-align:left;
    border-radius:6px;
    padding:5px ; 
    font-weight: 500 !important;
    opacity: 0.8;
    position:absolute;
    z-index: 1;
}

日历演示：http://buhehe.de/kalender-2018/

问题：在全宽度上，有几个月，例如在四月，工具提示文本框未完全显示。我试过overflow:visible，但它没有完全显示文本框。

在移动设备上，在1000px宽度下，所有内容都显示为一半或仅为25％。 是否可以使我的工具提示框响应？在小屏幕显示正确吗？

此页面属于类似的日历，工具提示框也会在小屏幕中正确显示：https://www.schulferien.org/kalender/2018/kalender_2018.html

我试着用.tooltiptext代码编写：Position:relative; top:5px;但是没有解决问题。

例如，它会很好：小宽度的工具提示框，其中只有2个月显示在一行中。左月的文本框必须显示在右侧，右月的框必须显示在左侧。就像在更大的屏幕中，只显示3个月。在最大宽度，最右边几个月的文本框必须显示在左侧。