Div boven aan plaatsen bij bepaalde grootte

Status
Niet open voor verdere reacties.

ohdude

Gebruiker
Lid geworden
15 jul 2007
Berichten
90
:thumb:

Sup guys,

Klein vraagje. Ik ben bezig met een interactieve website.

Nu heb ik aan de onderkant een divje staan

HTML
Code:
<p id="divje">Nou hier staat heel veel tekst in een zwarte border</p>
CSS
Code:
  border-radius: 25px;
        background: #000000;
        padding: 20px;
        width: 200px;
        height: 150px;
        color:white;
text-align: center;
float: left;

Nu staat deze onderaan, hoe kan ik zorgen dat deze boven staat, indien de grote van een scherm bijv de grootte heeft van bijvoorbeeld iphone
 
Het mobile first principe werkt hier het beste (de breakpoints komen uit Bootstrap v4)
Code:
/* begin met css voor smartphone, werk met % in de breedte */
......
@media (min-width: 544px) {
    /* css aanpassing voor schermen vanaf 544px */
}
@media (min-width: 768px) {
    /* css aanpassing voor schermen vanaf 768px */
}
@media (min-width: 992px) {
    /* css aanpassing voor schermen vanaf 992px */
}
@media (min-width: 1200px) {
    /* css aanpassing voor schermen vanaf 1200px */
}

Suc6.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan