Learn to Create WordPress Themes by Building 5 Projects

Adding proper proportions to the image

To fix the proportions of the image, we'll go to our style.css page and go down to pic. In our case, we want the actual image, so we will add .pic img and set the width to 100% and make that important. Then we will set height to 100% as shown here:

.pic{  text-align: center;}.pic img{  width:100% !important;  height:100% !important;}

Reload the home page, and this time we should see something like this:

Now, that looks good! Similarly, we will upload the rest of the images we have in the photogenik_html\images folder:

We can see that we have our six photos at the backend in the Posts area as shown in the ...