Skip to content

Commit c50f4ee

Browse files
committed
Add screenshots to readme
1 parent 52d2cd7 commit c50f4ee

File tree

1 file changed

+22
-19
lines changed

1 file changed

+22
-19
lines changed

quiz-app/README.md

Lines changed: 22 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -5,25 +5,28 @@
55
This is a simple, interactive quiz application built with React and styled using TailwindCSS. The app allows users to go through a series of questions, provides feedback on their answers, and displays a final score upon completion.
66

77
## Screenshots
8-
<div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;">
9-
<div>
10-
<h3>Welcome Screen</h3>
11-
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/welcome.png" alt="Welcome Screen" width="100%"/>
12-
</div>
13-
<div>
14-
<h3>Instructions Screen</h3>
15-
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/instructions.png" alt="Instructions Screen" width="100%"/>
16-
</div>
17-
<div>
18-
<h3>Quiz Screen</h3>
19-
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/quiz.png" alt="Quiz Screen" width="100%"/>
20-
</div>
21-
<div>
22-
<h3>Score Screen</h3>
23-
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/score.png" alt="Completion Screen" width="100%"/>
24-
</div>
25-
</div>
26-
8+
<table>
9+
<tr>
10+
<td>
11+
<h3>Welcome Screen</h3>
12+
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/welcome.png" alt="Welcome Screen" width="100%"/>
13+
</td>
14+
<td>
15+
<h3>Instructions Screen</h3>
16+
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/instructions.png" alt="Instructions Screen" width="100%"/>
17+
</td>
18+
</tr>
19+
<tr>
20+
<td>
21+
<h3>Quiz Screen</h3>
22+
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/quiz.png" alt="Quiz Screen" width="100%"/>
23+
</td>
24+
<td>
25+
<h3>Score Screen</h3>
26+
<img src="https://github.com/Temmarie/Web-dev-mini-projects/blob/quiz-app/quiz-app/src/assets/images/score.png" alt="Completion Screen" width="100%"/>
27+
</td>
28+
</tr>
29+
</table>
2730

2831
## Table of Contents
2932

0 commit comments

Comments
 (0)