bilder angepasst
This commit is contained in:
parent
8fdd1c10da
commit
f2ba0aabdf
17
index.html
17
index.html
@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Tauche ein in die wunderbare Welt der Kulinarik und entdecke köstliche Rezepte.">
|
||||
<link href="/fa/css/fontawesome.css" rel="stylesheet" />
|
||||
<link href="/fa/css/brands.css" rel="stylesheet" />
|
||||
<title>so.mach.ich.das</title>
|
||||
@ -124,6 +125,18 @@
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* Media Query für responsives Design */
|
||||
@media (max-width: 600px) {
|
||||
.content {
|
||||
flex-direction: column;
|
||||
}
|
||||
.text, .image {
|
||||
flex: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -158,12 +171,12 @@
|
||||
hier findest du Inspiration und Anleitungen für jede Gelegenheit.</p>
|
||||
</div>
|
||||
<div class="image">
|
||||
<img src="/somachtstefaniedas2/obstteller1.png" alt="Bild" width="400">
|
||||
<img src="/obstteller1.png" alt="Bild" width="400">
|
||||
</div>
|
||||
</div>
|
||||
<div class="divider"></div>
|
||||
<div class="card">
|
||||
<img src="/somachtstefaniedas2/johannesbeeressig.png" width="100%" alt="Johannesbeeressig">
|
||||
<img src="/johannesbeeressig.png" width="100%" alt="Johannesbeeressig">
|
||||
<div class="title">Johannesbeeressig</div>
|
||||
<p class="description">Verleihe deinem Salat eine außergewöhnliche
|
||||
Note mit selbstgemachtem Johannisbeeressig.<br>
|
||||
|
Loading…
x
Reference in New Issue
Block a user