.wrapper{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.fixed{
position: fixed;
width: 100%;
top: 0;
left: 0;
}
.fixed-content{
width: 100%;
max-width: 1200px;
margin: 0 auto;
}.menu{
position: static; /* )) */
transform: translateY(-100vh);
transition: transform 0.3s;
}
.menu.active{
transform: translateY(0);
}.services{
overflow: hidden;
}
.services .services_img {
position: relative;
float: left;
height: 100px;
margin-right: 50px;
}
.services .services_img:last-child{
margin-right:0;
}.services {
position: relative;
height: 100px;
dispaly:flex;
flex-flow: row wrap;
/* следующие два свойства как раз настраивают нужное вам отображение по горизонтали и вертикали соответственно */
justify-content: space-between;
align-items: flex-start;
}media only screen and (max-width: 1216px) {
.content{
text-align: center;
position: relative;
margin: 0 auto;
}
.content_block {
text-align: left;
position: relative;
max-width: 1200px;
width: 295px;
height: 200px;
border: solid 1px;
display: inline-block;
padding-bottom: 50px;
margin: 0 auto;
margin-top: 40px;
background-color: #FFE475;
}
//...
<table>
<tr>
<td>
<table>
<tr>
<td>Ячейка 1</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td>Ячейка 2-1-1</td>
<td>Ячейка 2-1-2</td>
</tr><!-- здесь таблицу можно закрыть и открыть новую, поскольку строка закончилась, а можно продолжить добавлять строки в эту таблицу -->
<tr>
<td>Ячейка 2-2-1</td>
<td>Ячейка 2-2-2</td>
</tr>
</table>
</td>
</tr>
</table>transform: translateY(0);- такое не прокатит.
export default {
data() {
return {
actualColor: 'light'
};
},
methods: {
changeColorLight: function(event){
if(event){
if(this.actualColor === 'monokai') {
this.actualColor = "light";
this.changeColorClass();
};
};
},
changeColorMonokai: function(event){
if(event){
if(this.actualColor === 'light') {
this.actualColor = "monokai";
this.changeColorClass();
};
};
},
changeColorClass: function() {
let html = document.documentElement;
html.className = this.actualColor;
}
}/******************************************************************************
Colorscheme variables
******************************************************************************/
html.light{
--background:#ffffff;
--background_nav:#f3f3f3;
--foreground:#800000;
--foreground_script:#000000;
--foreground_brackets:#800000;
--foreground_script-brackets:#000000;
--foreground_cursor:#000000;
--selection:#add6ff;
--counter:#237893;
}
html.monokai{
--background:#272822;
--background_nav:#1e1f1c;
--foreground:#f92672;
--foreground_script:#a6e22e;
--foreground_brackets:#f8f8f0;
--foreground_script-brackets:#f8f8f0;
--foreground_cursor:#f8f8f0;
--selection:#575b61;
--counter:#90908a;
}
.content{
grid-column:content;
grid-row:1;
background-color:var(--background);
}
/* ну и т.д. */