Responsive images in SharePoint

This may seem obvious, but for me it was not. I wanted to put images on SharePoint pages, but have the image be responsive to the web-part zone. I found this was actually really easy to do with a script editor web-part and some help from the website.
This code is all you need:

<!DOCTYPE html>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
.responsive {
width: 100%;
max-width: 400px;
height: auto;

<h2>Responsive Images</h2>

<p>If you want to restrict a responsive image to a maximum size, use the max-width property, with a pixel value of your choice.</p>
<p>Resize the browser window to see the effect.</p>

<img src=”img_nature.jpg” alt=”Nature” class=”responsive” width=”600″ height=”400″>


Reheat leftover fried food?

Here I am, writing my first blog post on my site meant for SharePoint and O365, and I’m writing about food. This tip I learned from a bartender, so it isn’t my own, but I decided to share it with anybody who cares.

Fried food, delicious when fresh, but horrible reheated in the microwave as leftovers. Some might even try baking fried french fries, only to find a greasy mess. My unoriginal tip, try pan frying your fried food. Use a non-stick pan, and gently pan fry your cold french fries, fried fish, chicken nuggets. This even works with leftover soggy crust pizza.


Here is some leftover fish from a Friday night carryout. The pan frying brings the grease back out of the food, unlike the microwave or baking the leftovers.