Fix for firefox logo resizing

Author: caspear

index.html

@@ -38,8 +38,8 @@
     </div>
 </nav>
 <section class="section section--hello" id="hello">
-    <div class="section__inner">
-      <img src="LOGO-DIGITALCIRCLE.png" alt="The Digital Circle" width="50%">
+        <div class="section__inner">
+            <img src="LOGO-DIGITALCIRCLE.png" alt="The Digital Circle">
 
         <div class="block">
             <a class="pre" href="#intro"><span>#0</span></a>
@@ -108,9 +108,9 @@ <h2>Working with</h2>
     <div class="section__inner">
         <div class="block">
             <a class="pre" href="#portfolio"><span>#4</span>Services</a>
-            <h2>Wordpress Hosting </h2>
+            <h2>Wordpress Hosting</h2>
             <p>We provide green hosting for wordpress instances and web development with open source tech. </p>
-            <h2>NextCloud </h2>
+            <h2>NextCloud</h2>
             <p >We’re running open source Nextcloud on a green computing, all align with permaculture ethics. </p>
             <h2>Consulting</h2>
             <p >Would you like to get some consultancy about your next online project or website?</p>

style.css

@@ -269,6 +269,14 @@ a {
   background-color: #b5eec8;
   color: #111;
 }
+
+.section.section--hello img {
+  display: block;
+  width: clamp(128px, 25vw, 480px);
+  max-width: 100%;
+  height: auto;
+  flex: 0 0 auto;
+}
 .section.section--intro {
   background-color: white;
   color: #222;