27576 sujets

CSS et mise en forme, CSS3

Bonjour tout le monde j'ai un soucis sur mon site pour redimensionner mes image je comprend pas car j'ai essayé de les modifier dans le css mais ca change rien
<section>
        <h2 id="bestgoalies">Les meilleurs gardiens de but finlandais</h2>
           <div class="container-photo">
             <p class="kiprussoff"><img src="media/MiikkaKiprusoff.jpg"> #1 Miikka Kiprusoff</p>
             <p id="Rinne"><img class="Rinne1" src="media/PekkaRinne.jpg">#2 Pekka Rinne</p>
             <p id="Lehtonen"><img src="media/KariLehtonen.jpg">#3 Kari Lehtonen</p>
             <p id="Rask"><img src="media/TuukkaRask.jpg">#4 Tuuka Rask</p>
             <p id="Niemi"><img src="media/AnttiNiemi.jpg">#5 Antti Niemi</p>
           </div>
       </section>


.container-photo{
    
}

.Rinne1{
    min-width: 25%;
}

#kiprussoff {
   min-width: 25%;
}
#Rinne {
    width: 50px;
	height: 50px;
}
#Lehtonen {
    background: url("media/KariLehtonen.jpg")>
     width: 700px;
    min-width: 500px;
    height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
#Rask {
    background: url("media/TuukkaRask.jpg")>
     width: 700px;
    min-width: 500px;
    height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
#Niemi {
    background: url("media/AnttiNiemi.jpg")>
     width: 700px;
    min-width: 500px;
    height: 400px;
    overflow: ;
    display: flex;
    align-items: center;
}