spanish-quizzer

An app to quiz you on Spanish vocabulary and verb conjugations
git clone https://git.ashermorgan.net/spanish-quizzer/
Log | Files | Refs | README

settingsPage.css (1116B)

      1 /******** settings-input component ********/
      2 .settingsInput div, .settingsInput h2 {
      3     text-align: left;
      4     margin-bottom: 5px;
      5 }
      6 .settingsInput h2 {
      7     margin-top: 10px;
      8     font-size: 16px;
      9 }
     10 .settingsInput input[type=number] {
     11     width: 50px;
     12 }
     13 .settingsInput .defaultFiltersSettings select {
     14     margin-bottom: 5px;
     15     margin-right: 5px;
     16 }
     17 @media only screen and (max-width: 600px) {
     18     .settingsInput .defaultFiltersSettings select  {
     19         width: 100%;
     20         height: 35px;
     21     }
     22 }
     23 .settingsInput .resetSettings {
     24     margin-top: 10px;
     25     text-align: center;
     26 }
     27 .settingsInput .resetSettings button {
     28     padding: 5px 15px;
     29 }
     30 @media only screen and (max-width: 800px) {
     31     .settingsInput div, .settingsInput h2 {
     32         margin-bottom: 10px;
     33     }
     34 }
     35 @media only screen and (max-width: 500px) {
     36     .settingsInput .resetSettings button {
     37         width: 100%;
     38         height: 50px;
     39     }
     40 }
     41 
     42 
     43 
     44 /******** settings-page component ********/
     45 .settingsPage main {
     46     display: flex;
     47     flex-direction: column;
     48     align-items: center;
     49     padding: 10px;
     50 }
     51 .settingsPage main h1 {
     52     text-align: center;
     53 }