Mehrere Bereiche in HTML.

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

Lukas.HTML

Neues Mitglied
19 Juli 2020
15
0
1
20
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?
 

m.scatello

Senior HTML'ler
15 Februar 2017
1.230
143
63
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:

Neueste Beiträge