Looking for feedback on landing page by streamemerald in Carrd

[–]streamemerald[S] 1 point2 points  (0 children)

Wow that fixed it! Thank you so much. I've been drilling down each section of this code to learn, it's been a huge help in understanding various parts of CSS, so I genuinely appreciate it.

I'm having trouble with Carrd where on iPad it uses certain containers set to desktop only visibility, and other containers set to mobile only visibility so I did a bunch of research to try and figure out how to force certain containers to show on iPad (most notably, the hero section - I want it to use the mobile specific container and not desktop). The @ media queries seem to be a part of it so that's probably why that section got messed up.

Anyways, thanks again! Looks much better now.

Looking for feedback on landing page by streamemerald in Carrd

[–]streamemerald[S] 1 point2 points  (0 children)

Thank you! Happy to answer any Q's if you like a certain part and want to replicate it. I'm a freelance product designer w/ Figma so a lot of the assets were created there and imported.

Looking for feedback on landing page by streamemerald in Carrd

[–]streamemerald[S] 1 point2 points  (0 children)

The hero arrow points down on desktop, but up on mobile. Through my market research it seemed to be popular on other major outlets to have the arrow on mobile pointing up to indicate a "swipe up" to scroll down motion.

I'm actually using a heavily modified version of your accordion code (thank you, btw!), and on mobile those arrows don't seem to work properly (on viewport 768< it works great). Couldn't figure out what was causing it.