: Different text sizes on different devices I am really struggling and was wondering whether anyone can help. I am designing a mockup on photoshop of a website we are going to build. We have to

@Shakeerah625

You might want to look into (or even better, sit down with your frontender) the basics of coding for multiple devices.

When coding with HTML/CSS one can use Media Queries or seperate stylesheets, which basically are exceptions in your css that allow you to set specific styles for specific screen sizes or devices. If you think the header font works better on mobile in (for example!) 18px, use 18px in your mobile design.

Make sure to brief this clearly to your frontender. There are even tools (ie Sympli, Zeplin, Avocode) for Photoshop and Sketch app to help your frontender read font sizes, colors, fonts, sizes etc from your files.

Vote Up Vote Down