JSFiddle - React, Tailwind, and code Playground

by Harmonix Motion

HTML

<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Addison Reid Portfolio</title>
    <link rel="stylesheet" type="text/css" href="styling.css">
    <link rel="stylesheet" type="text/css" href="responsivestyling.css">
  </head>


  <body>
      <div id="container">
      <div class="col">
       <img width="200" height="200" class="images" src="https://farm5.staticflickr.com/4682/27763273999_be26abdec0_k.jpg" alt="DSC_0029">
      </div>
      
      <div class="col">
      <img width="200" class="images" height="200"src="https://farm5.staticflickr.com/4371/36478968633_b735c92109_k.jpg" alt="DSC_0033">
      </div>
      
      <div class="col">
       <img class="images" width="200" height="200" src="https://farm5.staticflickr.com/4499/23839863268_6a860c9578_k.jpg" alt="DSC_0034" width="133px">
      </div>
      </div>
  </body>
</html>

CSS

/*This Logo, Name, social media username, title, and dividing lin
*/

#container {
    display: flex;
    flex-wrap: wrap;
	  width: 100%;
}

.images {
	padding: 0.4rem;
  max-width: 100%;
}