Line 17: | Line 17: | ||
<div class="grid1"> | <div class="grid1"> | ||
<h2>Fluorescence Raw Readings</h2> | <h2>Fluorescence Raw Readings</h2> | ||
− | <img src="T--IIT-Madras-interlab1.png" alt="Interlab1" style="max-width: | + | <img src="T--IIT-Madras-interlab1.png" alt="Interlab1" style="max-width: 500px;"> |
</div> | </div> | ||
<div class="grid2"> | <div class="grid2"> | ||
<h2>Abs600 Raw Readings:</h2> | <h2>Abs600 Raw Readings:</h2> | ||
− | <img src="T--IIT-Madras-interlab2.png" alt="interlab2" style="max-width: | + | <img src="T--IIT-Madras-interlab2.png" alt="interlab2" style="max-width: 500px;"> |
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <h2>Transformed Clonies</h2> | ||
+ | <div class="grid"> | ||
+ | |||
+ | <div class="grid1"> | ||
+ | |||
+ | <img src="T--IIT-Madras-interlabcultures.jpg" alt="Interlab1" style="max-width: 500px;"> | ||
+ | </div> | ||
+ | <div class="grid2"> | ||
+ | |||
+ | <img src="T--IIT-Madras-interlabcultures2.jpg" alt="interlab2" style="max-width: 500px;"> | ||
</div> | </div> | ||
Line 87: | Line 101: | ||
} | } | ||
+ | |||
+ | @media only screen and (max-width: 600px) | ||
+ | { | ||
+ | .grid { | ||
+ | grid-template-columns: 100%; | ||
+ | grid-template-areas: | ||
+ | 'grid1' | ||
+ | 'grid2'; | ||
+ | } | ||
+ | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 18:30, 24 August 2018