Jump to content

Recommended Posts

Hey All... HELP!

I am trying to create an image grid with 4 images in 2 rows. I have acheived getting the images to appear on the page, however they take up the entire page. I would like the entire grid to appear much smaller, almost center on the home page. 

It should look similar to this size: https://screencast.com/t/wnfdfgwfY

Currently it looks like: https://screencast.com/t/0Fl8kR4Zn (which is far to large in width)

I have my html code seperate from my CSS. CSS has been linked in the head of my HTML file. 

Could someone take a look at my code and provide me the correct code fix to correct this issue. I'm knew to coding, and have a school assignment. 

Current Code: https://codeshare.io/5DQZ9W

Thanks in advance. 

Link to post
Share on other sites

You can change the width of the row class to be a percentage smaller than 100%, but you're going to need to add various rules for the different page sizes so that on a smaller device it would either be full width, fewer items per row, etc.

  • Like 1
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...