Embarking on my Bootstrap journey, I am faced with the task of coding a responsive design. This project was purchased and now needs to be made clickable :)
It utilizes the Bootstrap
grid and has a width of 1920px
.
My query is: How can I make the background element (comprising of a background image and white frame either separately or together in one layer - not sure which would work best) responsive to accommodate retina and other devices? I've experimented with various image resolutions (ranging from 1920px to 1200px) and tried numerous CSS commands, but it always appears differently, especially on retina displays. I believe this inconsistency may be due to the varied column widths on larger screens, but I'm unsure how to address it.
I would greatly appreciate any assistance provided.
You can view the design element here: