• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Mehrere Bereiche in HTML.

Lukas.HTML

Neues Mitglied
Hey,

Ich habe ein Frage zum meinem kleinen Online-Shop (Übungsprojekt).

Und zwar würde ich das gerne wie bei Apples Hauptseite machen.

Das erkennt man dort z.B anhand der verschiedenen Hintergrundfarben.

Dann sind z.B links die Apple Watch und rechts das iPhone.

Siehe Bild:

Beispiel.png
Kann mir da jemand helfen?
 
Werbung:
z.B.
HTML:
<!DOCTYPE html>
<html>
<head>
<style>
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-container>div {
  width: 50%;
  margin: 0px;
  text-align: center;
  line-height: 75px;
  font-size: 30px;
  min-width: 100px;
}
.flex-container>div:nth-child(1) {
background-color: red;
}
.flex-container>div:nth-child(2) {
background-color: green;
}
</style>
</head>
<body>
<div class="flex-container">
  <div>1</div>
  <div>2</div>
</div>
</body>
</html>
 
Werbung:
Zurück
Oben