I’m using Bootstrap grid to make my portfolio page but I’m having trouble aligning some of the items:
The cable car graphic in my ‘about’ section when viewed on desktop never aligns properly with the paragraph of text. Is there any way of making it sit side by side properly when you change the size of the browser?
The project tile cards don’t have a horizontal gutter when viewed in smaller viewport. I tried adding gx-* and gy-* classes to the row but it doesn’t seem to make a difference. How do I make sure there is always a space between the top and bottom row of cards?
Thanks for your help,
Your code so far
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 11_0_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.
Challenge: Build a Personal Portfolio Webpage
Link to the challenge: