title: HTML/CSS Responsive buttons with icons
body: <p>currently learning how to develop HTML/CSS websites and I'm struggling to find resources that could help me dev a practice project that I'm doing.</p>
  
  <p>Could anyone teach me how to dev something like this through CSS. </p>
  
  <p><a href="https://i.stack.imgur.com/JYlSR.png" rel="nofollow noreferrer">Button Samle</a></p>
  
  <p>A button with circular icons/image for mobile. I need to make the image/icon circular and fit the button but when I just use this, the whole button resizes to the image size.</p>
  
  <pre><code>&lt;button class="btn"&gt;&lt;img src=""&gt;&lt;/img&gt; Home&lt;/button&gt;
  </code></pre>
  
  <p>And hopefully someone could also help with with the CSS in order to make it something like this on mobile. A menu of buttons that 2 of the buttons take up the whole size of the screen.</p>
  
  <p><a href="https://i.stack.imgur.com/upVsL.png" rel="nofollow noreferrer">Button List</a></p>