html - td を行として表示 - テーブル行の表示が機能しない

Question

I have a year calendar that shows just the way I want on normal browsers, but in responsive browser I want it to show all the months below each other, due to layout problems.

I know how to apply code to responsive browser - this is not what I am asking about.

I tried giving the td's the value of display:table-row, and its giving me almost the desired result .. it keeps pushing the rows to left and wont accept width:100% value, that's the problem.

Here is a link to the website I am working with www.5eren.dk

Answer 1

オンdisplay:tableにしてオンに<tr>設定する必要があります。この CSS を使用します。display:table-row<td>

.year-view>table>tbody>tr {
display: table;
width: 100%;
}
.year-view>table>tbody>tr>td {
display: table-row;
}