Salve, premetto di essere un neofita della programmazione, da più di un mese che studio e pratico il linguaggio html e css attraverso le guide di html.it e un video corso su udemy così da poter applicare quello che apprendo. come esercizio finale di CSS dovevo clonare il sito web della BBC (http://www.completewebdevelopercourse.com/clone/) andava tutto bene addirittura sono riuscito a fare gran parte del lavoro da solo ma nella sezione in basso dove c'è l'immagine dell'orologio e accanto l'immagine del play di colore nero mi blocco.
mi blocco perchè l'immagine che inserisco si adatta al box di larghezza di 220 px e se provo a cambiare l'altezza mi schiaccia l'immagine. ho provato in tutti i modi ma non sono venuto a capo di ciò.
La sintassi è questa:
codice:
<div id="bot-article-3">
                            
                                <img src="1-html/foto/bot-article-3.jpg">
                                
                                <h3 id="article-3-header"><a href="">Drone lands on moving car in Germany</a></h3>
                            
                                <p id="article-3-body">Roboticists in Germany have taught a drone how to land itself on a car travelling at 75 km/h (47mph).</p>
                                
                               
                                <p id="margin-customize"><span class="date-2">19 January 2016</span>  <a class="tech-link-2" href="">Technology</a></p>
                                <hr id="hr-article-2">
                                
                             <img class="black-play" src="1-html/foto/play.png">


CSS:

<div id="bot-article-3">
                            
                                <img src="1-html/foto/bot-article-3.jpg">
                                
                                <h3 id="article-3-header"><a href="">Drone lands on moving car in Germany</a></h3>
                            
                                <p id="article-3-body">Roboticists in Germany have taught a drone how to land itself on a car travelling at 75 km/h (47mph).</p>
                                
                               
                                <p id="margin-customize"><span class="date-2">19 January 2016</span>  <a class="tech-link-2" href="">Technology</a></p>
                                <hr id="hr-article-2">
                                
                             <img class="black-play" src="1-html/foto/play.png">


.black-play{
                
                height:15px;
                
                
            }

spero mi possiate dare un amano