Increase font size for display on a large screen
This commit is contained in:
parent
eb85222ea3
commit
75d4e84e5c
1 changed files with 8 additions and 4 deletions
12
styles.css
12
styles.css
|
@ -66,7 +66,7 @@
|
|||
|
||||
/* Custom navbar styles */
|
||||
.navbar {
|
||||
height: 50px; /* reduce the height of the navbar */
|
||||
min-height: 50px; /* reduce the height of the navbar */
|
||||
background-color: rgb(0, 137, 57);
|
||||
margin-bottom: 10px !important;
|
||||
top: -10px !important;
|
||||
|
@ -76,13 +76,13 @@
|
|||
.navbar-brand {
|
||||
color: rgba(255, 255, 255, 0.8) !important; /* change the text color */
|
||||
margin: 0 auto; /* center the brand name */
|
||||
font-size: 0.9em;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
.navbar-info {
|
||||
color: rgba(255, 255, 255, 0.8) !important; /* change the text color */
|
||||
margin: 0 auto; /* center the brand name */
|
||||
font-size: 1.2em;
|
||||
font-size: 2.4em;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
|
@ -181,6 +181,10 @@ body {
|
|||
margin-bottom: 20px !important;
|
||||
}
|
||||
|
||||
.card-text ~ p {
|
||||
font-size: 1.4em;
|
||||
}
|
||||
|
||||
.card-img-bottom {
|
||||
max-width: 600px;
|
||||
max-height: 500px;
|
||||
|
@ -196,6 +200,6 @@ body {
|
|||
|
||||
.text-muted {
|
||||
color:#6c757d !important;
|
||||
font-size: 0.6em;
|
||||
font-size: 1.2em;
|
||||
text-align: right;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue