homework #5, js logic, fix.

MastersAcademy · Nov 4, 2023 · 2fd0fb6 · 2fd0fb6
1 parent ca11c43
commit 2fd0fb6
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 18 deletions.
diff --git a/homeworks/sasha.demidenko_SashaDemi/5-logic/calculator.css b/homeworks/sasha.demidenko_SashaDemi/5-logic/calculator.css
@@ -2,6 +2,12 @@
   margin: 0;
 }
 
+.calculator_wrapper {
+  display: flex;
+  column-gap: 20px;
+  margin-left: 60px;
+}
+
 .calculator_header--main {
   background: #EF4934;
   height: 80px;
@@ -25,7 +31,7 @@
 .calculator_header--ul {
   display: inline-grid;
   justify-items: end;
-  grid-template: 1fr/ 78px 78px 78px 78px;
+  grid-template: 1fr/ 78px;
   list-style-type: none;
   font-family: Roboto, sans-serif;
   padding-right: 60px;

diff --git a/homeworks/sasha.demidenko_SashaDemi/5-logic/calculator.html b/homeworks/sasha.demidenko_SashaDemi/5-logic/calculator.html
@@ -3,13 +3,6 @@
     <head>
         <meta charset="UTF-8">
         <title>Basic JS</title>
-        <style>
-            .field {
-                display: flex;
-                column-gap: 20px;
-                margin-left: 60px;
-            }
-        </style>
         <link rel="stylesheet" href="calculator.css">
     </head>
     <body class="body-main">
@@ -18,20 +11,11 @@
             <nav class="calculator_header--nav">
                 <ul class="calculator_header--ul">
                     <li class="calculator_header--li calculator_li--underline">Calculator</li>
-                    <li>
-                        <a href="/#" class="calculator_header--li">Games</a>
-                    </li>
-                    <li>
-                        <a href="/#" class="calculator_header--li">About</a>
-                    </li>
-                    <li>
-                        <a href="/#" class="calculator_header--li">Login</a>
-                    </li>
                 </ul>
             </nav>
         </header>
         <h1 class="name-title">Calculate Games</h1>
-        <div class="field">
+        <div class="calculator_wrapper">
             <label>
                 <input id="firstValue" class="input-value">
             </label>