mirror of
https://github.com/olehomelchenko/minivlat-local-ua.git
synced 2025-12-21 21:22:24 +00:00
Update README and enhance quiz layout for improved responsiveness
This commit is contained in:
@@ -44,9 +44,9 @@ This project is a simple web application designed to collect responses from user
|
||||
```
|
||||
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.
|
||||
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<head>
|
||||
<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, user-scalable=no">
|
||||
<title>Quiz</title>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<script src="js/quiz.js" defer></script>
|
||||
|
||||
@@ -101,6 +101,7 @@ form button {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
width: 100%; /* Ensure chart takes full width */
|
||||
}
|
||||
|
||||
#question-block {
|
||||
@@ -110,6 +111,7 @@ form button {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 20px;
|
||||
width: 100%; /* Ensure question block takes full width */
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
|
||||
Reference in New Issue
Block a user