I am designing a photography site and I ran into the following issue:
I have on the main page of the desktop site 4 columns with images and interactions but since this doesn’t work so well on tablet and phones i have designed a separate sections with accordions (one horizontal for tablets and portrait phone and vertical for landscape mode on the phone)
the problem is that the existing breakpoints don’t capture the newer devices with higher resolution screens so I have to add custom code to the of the page. After research on the forum and outside of it this is what i have came up with:
indent preformatted text by 4 spaces
Its not working…
can anyone please please please help me!
Here is my site Read-Only: SITE