@shemjaySubmitted over 2 years ago
How can I improve on my grid for the image gallery?
Any other site improvement recommendations are much appreciated.
How can I improve on my grid for the image gallery?
Any other site improvement recommendations are much appreciated.
Great job completing the desktop layout portion of the project! π When you move on to the mobile layout, you can improve your grid to adjust to the size of the screen.
// your code .grid-display { display: grid; grid-template-columns: repeat(4, 250px); grid-template-rows: 1fr 1fr; grid-column-gap: 1em; grid-row-gap: 1em; } // REFACTOR .grid-display { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 1rem; }
Continue the great work! Happy coding π
Feedback on improving code will be embraced.
if you want to remove the default focus outline surrounding your <input> apply the css property { outline: none; }. Happy coding π