Responsive Image

Responsive Image
0.0 0

#1

Hello to all the community! I have a problem please. Currently I am creating a web page with images and I will like responsive renders. I would like my last 4 images to go under each other by being centered while keeping their size.

Thank you

Here are my codes

@font-face

{

font-family:“Antique-Olive”;

src:url(“Fonts/Antique-Olive/ANTIQUE1.eot?”) format(“eot”),

url(“Fonts/Antique-Olive/ANTIQUE1.woff”) format(“woff”),

url(“Fonts/Antique-Olive/ANTIQUE1.ttf”) format(“truetype”),

url(“Fonts/Antique-Olive/ANTIQUE1.svg#Antique-Olive”) format(“svg”);

font-weight:normal;

font-style:normal;

}

html,body{

height: 100%;

}

body{

margin: 0 auto;

}

img,video{

max-width: 100%;

height: auto;

display: block;

}

div#content{

min-width: 100%;

min-height: 100%;

position: absolute;

width:auto;

height:auto;

}

#trailer{

max-width: 1000px;

margin: auto;

}

#trailer div{

top: 60px;

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

#trailer iframe,

#trailer object,

#trailerr embed {

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

div#news{

width:250px;

height:250px;

float: left;

margin-top: 95px;

position: relative;

padding-left: 180px;

display: block;

}

div#texte{

font-family:“Antique-Olive”;

font-size: 18px;

margin-left:546px;

margin-top: 75px;

float: right;

position: absolute;

color: white;

}

div#texte h3{

margin-left:10px;

}

ul#acteur{

font-family:“Antique-Olive”;

font-size:20px;

margin-left: 40px;

padding-left: 80px;

margin-top: 425px;

}

ul#acteur li{

width:200px;

height:200px;

float: left;

list-style: none;

display: block;

padding-left: 65px;

position: relative;

}

ul#acteur img{

display: block;

position:relative;

z-index:1;

height:200px;

width:200px;

}

ul#acteur li p{

color: white;

margin-top:20px;

margin-left: 22px;

}

ul#acteur li#vin p{

margin-left: 60px;

}

@media screen and (max-width: 480px){

div#texte{

    float: none;

margin:50px auto;

height:180px;

}

div#banniere{

    height: 100px;

}

div#texte h3,p{

    font-size: 18px;

    top: 10px;

    left: 15px;

}

div#acteur p{

    font-size: 18px;

    top: 60px;

    left: 45px;

}

#news{

float: none;

margin:auto;

width: 250px;

height: 250px;

}

#acteur{

width:250px;

height:250px;

float:none;

margin:100px auto;

}

#acteur img{

width:230px;

}

}

@media screen and (max-width: 720px){

div#texte{

    float: none;

margin:50px auto;

height:180px;

}

div#banniere{

    height: 100px;

}

div#texte h3,p{

    font-size: 18px;

    top: 10px;

    left: 15px;

}

div#acteur p{

    font-size: 18px;

    top: 60px;

    left: 45px;

}

#news{

float: none;

margin:auto;

width: 250px;

height: 250px;

}

#acteur{

width:250px;

height:250px;

float:none;

margin:100px auto;

}

#acteur img{

width:230px;

}

}

FAST & FURIOUS 9
FAST & FURIOUS 9
FAST & FURIOUS 9
FAST & FURIOUS 9

FAST & FURIOUS 9 a été retardé d'un an

Universal Pictures a fait savoir que la sortie du neuvième volet de
la franchise“Fast and Furious” a été repoussée d’un an.

Si la projection du film devait être lancée le 19 avril 2019, sa sortie
au cinéma a été reportée au 10 avril 2020 – pendant le week-end
pascal. Aucun réalisateur n’est associé au film pour le moment. La
plupart des acteurs de la franchise rempile pour « Fast 9 »,dont
Vin Diesel.

Après la sortie de “Fast & Furious 8” en début d’année, Universal
a commencé à concocter une histoire pour un spin-off avec
Dwayne Johnson et Jason Statham pour commencer.

  • FAST & FURIOUS 9

    Dwayne Johnson

  • FAST & FURIOUS 9

    Jordana Brewster

  • FAST & FURIOUS 9

    Michelle Rodriguez

  • FAST & FURIOUS 9

    Vin Diesel