Web Page CSS - Code - Revision history

Robot: Created page with "Return back to project page: Avalanche Cannon - Jakub Vojtek Python code for the Web app CSS:
2024-05-22T21:48:05Z

Created page with "Return back to project page: Avalanche Cannon - Jakub Vojtek Python code for the Web app CSS: <syntaxhighlight lang=python..."

New page
Return back to project page: [[Spike Prime - Avalanche Cannon - Jakub Vojtek| Avalanche Cannon - Jakub Vojtek]]

Python code for the Web app CSS:

<syntaxhighlight lang=python>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}

.container {
display: flex;
flex-direction: column;
align-items: center;
}

.header {
display: flex;
justify-content: space-between;
width: 100%;
padding: 10px;
}

.content {
display: flex;
width: 100%;
justify-content: space-between;
}

.camera-controls {
display: flex;
flex-direction: column;
align-items: center;
}

.controls-top, .controls-bottom {
margin-bottom: 10px;
}

.camera-container {
display: flex;
align-items: center;
}

.side-button {
width: 100px;
height: 40px;
margin: 0 10px;
}

#cam {
width: 640px;
height: 480px;
}

.canvas-controls {
display: flex;
flex-direction: column;
align-items: center;
}

.canvas-top {
margin-bottom: 10px;
}

.canvas-container {
margin-bottom: 10px;
}

.trigger-button {
width: 200px;
height: 50px;
}

</syntaxhighlight>