cunning hamlet
hey all, im making a website for a architecture firm. their project descriptions are all mad long, and i think i solved it on desktop (see first ss). on mobile, im hiding it behind a "description" dropdown by default (see second ss) but i think it still seems a bit text heavy, any suggestions? ty!
terse cloud
First thing first is the contrast issue with the text and background.
Second, the long text for mobile I'd suggest you try this:
Break into smaller chunks, Usage of accordion, Usage of 'Read more'.
You can also check the typography yr using, if is hight than 18px change to less.
Last one, you can use AI to resume the text for the mobile version.
cunning hamlet
sorry i just noticed this!
this is a stock background, and i was too lazy to include a bg overlay hahaha. the prod version'll have a 70% opacity layer on top which solves the wcag issue
ive broken it down to read more (first 100 characters) and im currently using 14px