Pine Jewelry

PSD to HTML



Convert Photoshop Document (PSD) to website page (HTML)

With this, the heavy lifting appears to have already been done. At least the UX Design part of it has been done. This is all about coding.

A Desktop and Mobile responsive PSD was used to create the website. Mobile first is the way to go so that’s what I did. I created the website to be mobile responsive using media queries.

Media queries are like an algebra equation. If this, then that. The this, in this case, would be the screen width and the that would be the size of images and texts displayed on the screen.