Witam Wszystkich,
Kilka pytań do walidacji pliku .css
67 - Co oznacza ten błąd?
95 - nie mam w tej klasie właściwości margin-right...
114 - jak poprawić box-shadow
150 - ja poradzić sobie z display: flex; ?
Dołączam css
body{
max-width:1366px;
max-height:1920px;
margin:0;
padding:0;
font-family: 'Roboto', sans-serif;
color:#053f58;
}
@media (max-width:1300px){
#search{
margin-right: 50px;
float: right;
}
}
.page-nav {
width:100%;
height:68px;
background-color:#053f58;
}
.nav{
float: left;
}
.nav .navigation-menu{
list-style:none;
text-decoration:none;
margin-top:30px;
}
.page-nav .navigation-menu li {
display:inline;
text-decoration:none;
color:white;
padding-left:20px;
list-style-type: none;
}
.page-nav .navigation-menu li a {
color: #FFFFFF;
text-decoration:none;
font-size:14px;
}
.page-nav .navigation-menu li a:hover{
color:#b6b7b7;
}
#search{
float:right;
margin-right:31px;
}
}
#search .icon-search{
}
.main-search{
display:inline;
}
.input{
float:left;
width: 110px;
margin-top:30px;
margin-left: 120px;
display:none;
background-color:#7795a3;
}
.image{
width:80%;
height:auto;
}
.main-logo{
width:100%;
}
.home{
width:80px;
height:auto;
float:left;
margin-left:220px;
}
.company
{
float:left;
}
.logo{
margin-left:280px;
width:auto;
height:100px;
float: left;
padding-top:15px;
background-color:white;
padding:10px;
position:relative;
}
#header-nav{
width:100%;
height:88px;
background-color:#053f58;
}
.side-menu{
margin-top:0px;
width:200px;
list-style:none;
text-decoration:none;
text-align:left;
}
.side-menu li {
text-decoration:none;
padding-left:20px;
list-style-type: none;
}
.side-menu li a {
color: #053f58;
text-decoration:none;
font-size:14px;
}
.side-menu li a:hover{
color:#b6b7b7;
}
.menu-with-arrow{
display:flex;
}
.left-arrow{
float:left;
cursor:pointer;
}
#menu-icon{
margin-top: 250px;
margin-left: 10px;
float: left;
line-height: 16px;
}
.icons
{
margin-left: 54px;
}
.icon-facebook:hover{
color: #28a1d5;
}
.icon-linkedin:hover{
color: #28a1d5;
}
.about-company{
width: 100%;
}
.content{
width:100%;
height: 820px;
margin:0;
padding:0;
}
#left-side{
float:left;
width:170px;
height:1150px;
margin:0;
padding:0;
display: inline-block;
box-shadow: 7px 0 5px -2px #888;
display:none;
}
#right-side{
float:left;
width: 700px;
height:1100px;
margin-left:200px;
}
#right-side{
float:left;
width: 700px;
height:1100px;
margin-left:200px;
}
.about-company{
border-bottom: 5px dotted #a1a1a1;
height: 110px;
}
#columns{
width: 700px;
display: flex;
margin-top: 20px;
}
#column1{
width:350px;
height: 1000px;
text-align: justify;
padding: 10px;
font-size: 12px;
}
.image{
width: 100%;
height:auto;
}
#column2{
margin:0;
padding:0;
width:350px;
height: 1000px;
text-align: justify;
padding: 12px;
font-size: 12px;
}
#footer{
width: 100%;
height:50px;
margin-top: 300px;
background-color:#053f58;
position:relative;
}