Angelseyez Posted October 27, 2017 Share Posted October 27, 2017 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 comment Share on other sites More sharing options...
justsomeguy Posted October 27, 2017 Share Posted October 27, 2017 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. 1 Link to comment Share on other sites More sharing options...
Angelseyez Posted October 27, 2017 Author Share Posted October 27, 2017 Thanks so much! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now