Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
.recipe-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 1em 0;
}
.collapsible-block, .text-block {
width: 22%; /* Примерно 4 блока в ряд с отступами */
background-color: #1e1e1e;
border: 1px solid #444;
border-radius: 6px;
padding: 0.5em;
font-size: 0.9em;
color: #ddd;
box-shadow: 0 0 4px rgba(0,0,0,0.4);
}
.collapsible-header {
cursor: pointer;
font-weight: bold;
margin-bottom: 0.3em;
color: #fff;
}
.collapsible-content {
display: none;
}
.text-block {
color: #ccc;
}