EduProjects/techstore
1
0
Fork 0
mirror of https://codeberg.org/ThisIsMiseryy/techstore synced 2026-03-29 20:21:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Spostamento stylesheet su file separato

Browse Source
This commit is contained in:
Andrea Fiorencis
2026-03-25 11:21:17 +01:00
parent b054b3117a
commit c945ec2caf
2 changed files with 39 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
index.php
View File

@@ -16,46 +16,7 @@ if ($result === false) {
<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">
<title>TechStore - Prodotti</title> <title>TechStore - Prodotti</title>
<style> <link rel="stylesheet" href="style.css">
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
padding: 20px;
}
.product-card {
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
text-align: center;
background-color: #fff;
}
.product-card img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.product-card h3 {
margin: 10px 0;
font-size: 18px;
}
.product-card p {
margin: 5px 0;
color: #666;
}
.product-card button {
padding: 8px 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
}
.product-card button:hover {
background-color: #0056b3;
}
</style>
</head> </head>
<body> <body>
<header style="display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f2f2f2; border-bottom: 1px solid #ddd;"> <header style="display: flex; justify-content: space-between; align-items: center; padding: 10px; background-color: #f2f2f2; border-bottom: 1px solid #ddd;">

38
style.css Normal file
View File

@@ -0,0 +1,38 @@
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
padding: 20px;
}
.product-card {
border: 1px solid #ddd;
border-radius: 8px;
padding: 16px;
text-align: center;
background-color: #fff;
}
.product-card img {
max-width: 100%;
height: auto;
margin-bottom: 10px;
}
.product-card h3 {
margin: 10px 0;
font-size: 18px;
}
.product-card p {
margin: 5px 0;
color: #666;
}
.product-card button {
padding: 8px 16px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
margin-top: 10px;
}
.product-card button:hover {
background-color: #0056b3;
}