small styling changes

This commit is contained in:
0ceanSlim 2023-08-09 12:20:30 -04:00
parent c21768901c
commit 83e248c6c7
2 changed files with 25 additions and 9 deletions

View File

@ -6,9 +6,9 @@
</head>
<div class="currency-dropdown">
<label for="currency-select">Select Currency: </label>
<label for="currency-select">Currency:</label>
<select id="currency-select">
<option value="usd">Dollars</option>
<option value="usd">Dollar</option>
<option value="ars">Argentine Peso</option>
<option value="brl">Brazilian Real</option>
<option value="cny">Chinese Yuan</option>

View File

@ -23,18 +23,34 @@ a:hover {
color: rgb(149, 0, 207);
}
.currency-dropdown {
width: auto;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
/*.currency-dropdown{
width: fit-content;
padding: 8px;
margin: 8px;
background-color: #282828;
border: 3px solid #ccc;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
align-items: center; /* Center items vertically within the container */
justify-content: center; /* Center items horizontally within the container */
font-family: monospace;
color: #ffffff;
align-items: center;
justify-content: center;
right: 10px;
} */
.currency-dropdown #currency-select{
width: fit-content;
padding: 8px;
margin: 8px;
background-color: #282828;
border: 3px solid #ccc;
border-radius: 8px;
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
font-family: monospace;
color: #ffffff;
right: 10px;
}
.container {