oleh/minivlat-local-ua
1
0
Fork 0
mirror of https://github.com/olehomelchenko/minivlat-local-ua.git synced 2025-12-21 21:22:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update README and enhance quiz layout for improved responsiveness

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-01-28 17:12:04 +02:00
parent 92c128a342
commit 7cf61a1cef
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -44,9 +44,9 @@ This project is a simple web application designed to collect responses from user
``` ```
npm install npm install
``` ```
4. Start the server: 4. Start the server and bind it to all network interfaces (0.0.0.0):
``` ```
node server.js node server.js --host 0.0.0.0
``` ```
5. Open your web browser and go to `http://localhost:3000` to access the application. 5. Open your web browser and go to `http://localhost:3000` to access the application.

1
public/quiz.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="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>Quiz</title> <title>Quiz</title>
<link rel="stylesheet" href="css/styles.css"> <link rel="stylesheet" href="css/styles.css">
<script src="js/quiz.js" defer></script> <script src="js/quiz.js" defer></script>

2
src/css/styles.css
View File

@@ -101,6 +101,7 @@ form button {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 20px; padding: 20px;
width: 100%; /* Ensure chart takes full width */
} }
#question-block { #question-block {
@@ -110,6 +111,7 @@ form button {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 20px; padding: 20px;
width: 100%; /* Ensure question block takes full width */
} }
@media (min-width: 768px) { @media (min-width: 768px) {