Richten Sie ein Foto am Div aus und behalten Sie die Reaktionsfähigkeit bei ⇐ CSS

[Anonymous]

Ich bitte um Ihre Hilfe, da ich Schwierigkeiten habe, mit CSS mit dieser Situation umzugehen. Mein Ziel ist es, per CSS so etwas zu erstellen. Hier ist der Link https://ibb.co/gd5Rccw.


Ich habe versucht, es auf Codepen zu implementieren, aber es fällt mir schwer, damit umzugehen und dann zu reagieren.

Code: Select all

.container {
border: 1px solid #DDDDDD;
background-color: #789456;
max-width: 1920px;
height: 600px;
position: relative;
margin:auto;
border-radius: 35px;
}

.tag {
float: left;
position: absolute;
left: 0px;
bottom: 0px;
z-index: 1000;
background-color: #92AD40;
padding: 5px;
color: #FFFFFF;
font-weight: bold;
}

h1 {
position:absolute;
right:0;
bottom:0;
}

Code: Select all

[img]http://www.placehold.it/800x800[/img]
Title