br0tkasten/test.somachtstefaniedas.de
1
0
Fork 0
Code

bilder angepasst

Browse Source
This commit is contained in:
matt 2025-02-24 19:06:42 +01:00
parent 8fdd1c10da
commit f2ba0aabdf
1 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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/fontawesome.css" rel="stylesheet" />
<link href="/fa/css/brands.css" rel="stylesheet" /> <link href="/fa/css/brands.css" rel="stylesheet" />
<title>so.mach.ich.das</title> <title>so.mach.ich.das</title>
@ -124,6 +125,18 @@
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 10px; 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> </style>
</head> </head>
<body> <body>
@ -158,12 +171,12 @@
hier findest du Inspiration und Anleitungen für jede Gelegenheit.</p> hier findest du Inspiration und Anleitungen für jede Gelegenheit.</p>
</div> </div>
<div class="image"> <div class="image">
<img src="/somachtstefaniedas2/obstteller1.png" alt="Bild" width="400"> <img src="/obstteller1.png" alt="Bild" width="400">
</div> </div>
</div> </div>
<div class="divider"></div> <div class="divider"></div>
<div class="card"> <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> <div class="title">Johannesbeeressig</div>
<p class="description">Verleihe deinem Salat eine außergewöhnliche <p class="description">Verleihe deinem Salat eine außergewöhnliche
Note mit selbstgemachtem Johannisbeeressig.<br> Note mit selbstgemachtem Johannisbeeressig.<br>