urejeni jedilniki (tabele)

jedilnik.html

@@ -25,9 +25,9 @@
 <main class="jedilnik_page">
     <section class="jedilnik_uvod">
     <h1>Jedilnik</h1>
-        <p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hranese trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
+        <p>Z navdihom z različnih koncev sveta, spoštovanjem do kulinaričnih tradicij in ljubeznjo do dobre hrane se trudimo na naše krožnike prinesti čim bolj pristne okuse.</p> <br>
     </section>
-    <section class="jedilnik_predjedi">
+    <section class="jedilnik_kategorija">
         <h2>Predjedi</h2>
         <table>
             <caption>Predjedi</caption>
@@ -91,7 +91,7 @@
             </tbody>
         </table>
     </section>
-    <section class="jedilnik_glavne_jedi">
+    <section class="jedilnik_kategorija">
     <h2>Glavne jedi</h2>
         <table>
             <caption>Glavne jedi</caption>
@@ -161,7 +161,7 @@
             </tbody>
         </table>
     </section>
-    <section class="jedilnik_priloge">
+    <section class="jedilnik_kategorija">
     <h2>Priloge</h2>
     <p><b>Prilagodi si svoj krožnik! </b>Prilogo ob glavni jedi lahko zamenjate brez doplačila. Za dodatne priloge pa veljajo cene po ceniku.</p>
         <table>
@@ -197,12 +197,12 @@
                 <td>Domač kruh</td>
                 <td>Sveže pečen kruh s hrustljavo skorjico, idealen za pomakanje v omake.</td>
                 <td>gluten</td>
-                <td>2,00</td>
+                <td>2,00€</td>
             </tr>
             </tbody>
         </table>
     </section>
-    <section class="jedilnik_sladice">
+    <section class="jedilnik_kategorija">
     <h2>Sladice</h2>
         <table>
             <caption>Sladice</caption>

stylesheet.css

@@ -402,4 +402,74 @@ footer p {
     max-width: 750px;
     text-align: center;
     margin: 0 auto 4rem;
-}
+}
+
+/* kategorije jedilnika */
+
+.jedilnik_kategorija {
+    margin-bottom: 4rem;
+}
+
+.jedilnik_kategorija h2 {
+    text-align: center;
+}
+
+/* tabele jedilniov */
+
+.jedilnik_page table {
+    width: 100%;
+    border-collapse: collapse;
+    background-color: var(--barva-kartice);
+    border-radius: var(--zaobljenost);
+    overflow: hidden;
+    box-shadow: var(--barva-senca);
+}
+
+.jedilnik_page caption {
+    display: none;
+}
+
+.jedilnik_page th, 
+.jedilnik_page td {
+    padding: 1.1rem;
+    text-align: left;
+    vertical-align: top;
+
+}
+.jedilnik_page thead {
+    background-color: var(--barva-poudarek);
+    color: var(--barva-besedilo-na-temnem);
+}
+
+.jedilnik_page th {
+    font-size:0.8rem ;
+    font-weight: 600;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+}
+
+.jedilnik_page tbody {
+    border-bottom: 1px solid var(--barva-ozadje);
+}
+
+.jedilnik_page tbody tr :last-child {
+    border-bottom: none ;
+}
+
+/*imena jedi*/
+
+.jedilnik_page td:first-child {
+    font-weight: 600;
+}
+
+/*cene jedi */
+.jedilnik_page th:last-child,
+.jedilnik_page td:last-child {
+    text-align: right;
+    white-space: nowrap;
+}
+
+.jedilnik_page td:last-child {
+    font-weight: 700;
+    color: var(--barva-poudarek);
+}