hi, sorry for my English…
I to want to have responsive padding for mine link on nav
.
have a CSS file, how to show it, the link on nav
.dropdown {
position: relative; /* brauche um die neue link in Nav zubauen */
}
.dropbtn {
padding: 15px;
padding-top: 9px;
padding-bottom: 10px;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: #f1ebeb;
}
.dropdown-content {
display: none; /* display wird ausgeschaltet ,aber erlaubt die anderen elemente, position ,background ,.... */
font-size: 13px;
position: absolute; /* die stellung folgt der Erste Link(li) */
background-color: #f1f1f1 ;
min-width: 10px; /* macht größer die Inneren Links */
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); /* Bau ein Schatte und geben an dem Schatten Farbe */
z-index: 1; /* Zeigen die Ordnung wie die Links gezeigt werden... */
}
.dropdown-content {
color: black;
text-decoration: none; /* Bekomme die Liks keine Unten Stricht ....*/
}
.dropdown-content a {
color: black;
padding: 12px 21px 15px 8px;
text-decoration: none; /* Bekomme die Liks keine Unten Stricht ....*/
display: block;
font-size: 13px;
text-align: left;
font-weight: bold;
}
.dropdown-content a:hover {
background-color: #9f9e9e;
}
how to show it,
My question, it is possible on this class,
.dropdown-content a {
color: black;
padding: 12px 21px 15px 8px;
text-decoration: none; /* Bekomme die Liks keine Unten Stricht ....*/
display: block;
font-size: 13px;
text-align: left;
font-weight: bold;
}
the padding properties to have, that later muss not to change it, in every media Query as breakpoints?
I will that every device doing “automatic” this padding fron this CSS file, without write on every Media Query the top-right-bottom-left for every device…
I asked it because I have My media Query Responsive…
Can please anyone help me, Thanks !