Prikazi cijelu temu 17.04.2020 19:14
Avko Van mreze
Administrator
Registrovan od:28.05.2014
Lokacija:zagreb


Predmet:Re: Responsive web stranica
da sada radi za desctop,



ali sto se tice za mobitel nesto mi ne radi a neznam zasto

evo kod za media:
PreuzmiIzvorni kôd (Text):
  1. @media only screen and (max-width: 768px) {
  2.  
  3. body {
  4.         background: #000000;/*GhostWhite-#F8F8FF */
  5. }
  6.  
  7. .centar{
  8.         margin: 0;
  9.         position: absolute;
  10.         top: 50%;
  11.         left: 50%;
  12.         -ms-transform: translate(-50%, -50%);
  13.         transform: translate(-50%, -50%);
  14.   }
  15.  
  16. .header {
  17.         width: 100%;
  18.         margin: 60px auto 0px;/* margin: 0px auto 0px; */
  19.         color: white;
  20.         background: #ff3333; /* #5F9EA0; */
  21.         text-align: center;
  22.         border: 1px solid #B0C4DE;
  23.         border-bottom: none;
  24.         border-radius: 10px 10px 0px 0px;
  25.         padding: 20px;
  26. }
  27.  
  28. form, .content {
  29.         width: 100%;
  30.         margin: 0px auto;
  31.         padding: 20px;
  32.         border: 1px solid #B0C4DE;
  33.         background: #4d4d4d; /* white; */
  34.         color: white;
  35.         border-radius: 0px 0px 10px 10px;
  36. }
  37. .input-group{
  38.         width: 100%;
  39. }
  40. }

evo kako izgleda . Trebalo bi kod mobitela razvuci u ljevo i desno da nema onoga sa strane.

zivot je moja domovina.