DEV Community

Inuwa Nura
Inuwa Nura

Posted on

Favourite Snack

<!DOCTYPE html>




Favorite Snack
<br> .snack {<br> width: 170px;<br> height: 100px;<br> margin-top:30px;<br> border:2px solid black;<br> background-color: #F9BF45;<br> border-radius: 50% 50% 0 0;<br> position: relative;<br> overflow: hidden;<br> }<br> .snack::before {<br> content: &#39;&#39;;<br> position: absolute;<br> width: 80%;<br> height: 80%;<br> background-color: #FFCC00;<br> border-radius: 50%;<br> top: 10%;<br> left: 10%;<br> }<br> .snack::after {<br> content: &#39;&#39;;<br> position: absolute;<br> width: 20px;<br> height: 20px;<br> background-color: #FF6F61;<br> border-radius: 50%;<br> top: 40%;<br> left: 20%;<br> } <br> .h2{<br> margin-top:80px;<br> font-family:serif;<br> background-color:gray;<br> color:#fff; <br> }<br> span{<br> color:yellow;<br> background-color:gray;<br> font-weight:bold;<br> font-family:sen-serif;<br> bordr:1px solid black;<br><br>

Dev Community

Top comments (1)

Collapse
 
timonwa profile image
Timonwa Akintokun

Hi Inuwa. Did you make a mistake in posting this?