The latest articles on DEV Community by Inuwa Nura (@inuwa221). https://dev.to/inuwa221 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1333409%2F3f26a298-5461-49bd-9f12-c214c2fd36b7.jpg https://dev.to/inuwa221 en Inuwa Nura Tue, 26 Mar 2024 13:38:53 +0000 https://dev.to/inuwa221/snack-50i7 https://dev.to/inuwa221/snack-50i7 <p>&lt;!DOCTYPE html&gt;<br><br> <br><br> </p> <br><br> <br><br> <br><br> Favorite Snack<br><br> &lt;br&gt;<br> .snack {&lt;br&gt;<br> width: 150px;&lt;br&gt;<br> height: 100px;&lt;br&gt;<br> background-color: #F9BF45;&lt;br&gt;<br> border-radius: 50% 50% 0 0;&lt;br&gt;<br> position: relative;&lt;br&gt;<br> overflow: hidden;&lt;br&gt;<br> }&lt;br&gt;<br> .snack::before {&lt;br&gt;<br> content: &amp;#39;&amp;#39;;&lt;br&gt;<br> position: absolute;&lt;br&gt;<br> width: 80%;&lt;br&gt;<br> height: 80%;&lt;br&gt;<br> background-color: #FFCC00;&lt;br&gt;<br> border-radius: 50%;&lt;br&gt;<br> top: 10%;&lt;br&gt;<br> left: 10%;&lt;br&gt;<br> }&lt;br&gt;<br> .snack::after {&lt;br&gt;<br> content: &amp;#39;&amp;#39;;&lt;br&gt;<br> position: absolute;&lt;br&gt;<br> width: 20px;&lt;br&gt;<br> height: 20px;&lt;br&gt;<br> background-color: #FF6F61;&lt;br&gt;<br> border-radius: 50%;&lt;br&gt;<br> top: 40%;&lt;br&gt;<br> left: 20%;&lt;br&gt;<br> }&lt;br&gt;<br> <br><br> <br><br> <br><br> <br><br> <br> frontendchallenge devchallenge css Inuwa Nura Tue, 26 Mar 2024 13:38:52 +0000 https://dev.to/inuwa221/snack-1i7e https://dev.to/inuwa221/snack-1i7e <p>&lt;!DOCTYPE html&gt;<br><br> <br><br> </p> <br><br> <br><br> <br><br> Favorite Snack<br><br> &lt;br&gt;<br> .snack {&lt;br&gt;<br> width: 150px;&lt;br&gt;<br> height: 100px;&lt;br&gt;<br> background-color: #F9BF45;&lt;br&gt;<br> border-radius: 50% 50% 0 0;&lt;br&gt;<br> position: relative;&lt;br&gt;<br> overflow: hidden;&lt;br&gt;<br> }&lt;br&gt;<br> .snack::before {&lt;br&gt;<br> content: &amp;#39;&amp;#39;;&lt;br&gt;<br> position: absolute;&lt;br&gt;<br> width: 80%;&lt;br&gt;<br> height: 80%;&lt;br&gt;<br> background-color: #FFCC00;&lt;br&gt;<br> border-radius: 50%;&lt;br&gt;<br> top: 10%;&lt;br&gt;<br> left: 10%;&lt;br&gt;<br> }&lt;br&gt;<br> .snack::after {&lt;br&gt;<br> content: &amp;#39;&amp;#39;;&lt;br&gt;<br> position: absolute;&lt;br&gt;<br> width: 20px;&lt;br&gt;<br> height: 20px;&lt;br&gt;<br> background-color: #FF6F61;&lt;br&gt;<br> border-radius: 50%;&lt;br&gt;<br> top: 40%;&lt;br&gt;<br> left: 20%;&lt;br&gt;<br> }&lt;br&gt;<br> <br><br> <br><br> <br><br> <br><br> <br> frontendchallenge devchallenge css Inuwa Nura Thu, 21 Mar 2024 11:59:32 +0000 https://dev.to/inuwa221/glam-up-my-markup-5f6g https://dev.to/inuwa221/glam-up-my-markup-5f6g <p><a href="https://codepen.io/Bamatsala-Tv/pen/GRLEaPj">https://codepen.io/Bamatsala-Tv/pen/GRLEaPj</a></p> frontendchallenge devchallenge css javascript Inuwa Nura Thu, 21 Mar 2024 11:51:16 +0000 https://dev.to/inuwa221/favourite-snack-38e5 https://dev.to/inuwa221/favourite-snack-38e5 <p>&lt;!DOCTYPE html&gt;<br> <br> </p> <br> <br> <br> Favorite Snack<br> &lt;br&gt; .snack {&lt;br&gt; width: 170px;&lt;br&gt; height: 100px;&lt;br&gt; margin-top:30px;&lt;br&gt; border:2px solid black;&lt;br&gt; background-color: #F9BF45;&lt;br&gt; border-radius: 50% 50% 0 0;&lt;br&gt; position: relative;&lt;br&gt; overflow: hidden;&lt;br&gt; }&lt;br&gt; .snack::before {&lt;br&gt; content: &amp;#39;&amp;#39;;&lt;br&gt; position: absolute;&lt;br&gt; width: 80%;&lt;br&gt; height: 80%;&lt;br&gt; background-color: #FFCC00;&lt;br&gt; border-radius: 50%;&lt;br&gt; top: 10%;&lt;br&gt; left: 10%;&lt;br&gt; }&lt;br&gt; .snack::after {&lt;br&gt; content: &amp;#39;&amp;#39;;&lt;br&gt; position: absolute;&lt;br&gt; width: 20px;&lt;br&gt; height: 20px;&lt;br&gt; background-color: #FF6F61;&lt;br&gt; border-radius: 50%;&lt;br&gt; top: 40%;&lt;br&gt; left: 20%;&lt;br&gt; } &lt;br&gt; .h2{&lt;br&gt; margin-top:80px;&lt;br&gt; font-family:serif;&lt;br&gt; background-color:gray;&lt;br&gt; color:#fff; &lt;br&gt; }&lt;br&gt; span{&lt;br&gt; color:yellow;&lt;br&gt; background-color:gray;&lt;br&gt; font-weight:bold;&lt;br&gt; font-family:sen-serif;&lt;br&gt; bordr:1px solid black;&lt;br&gt;&lt;br&gt; <br> <br> <center> <h2>Dev <span>Community</span> </h2> </center> frontendchallenge devchallenge css Inuwa Nura Thu, 07 Mar 2024 08:54:09 +0000 https://dev.to/inuwa221/htmlcss-m07 https://dev.to/inuwa221/htmlcss-m07 <p>Anyone need lean in a simple way in few minutes for free?</p>