Example of CSS for mobile devices

If you need to easily change your CSS for mobile devices but you don't want to create a new CSS stylesheet for every device, you can simply create different CSS styles for different screen sizes.

@media only screen and (max-width: 5120px) {
place here your CSS code for desktop

@media only screen and (max-width: 991px) {
place here your CSS code for tablets

@media only screen and (max-width: 480px) {
place here your CSS code for mobile devices

Edaimon De Juan

Need help for your Communications Department?

For a web or design project?

I'm available for new positions and projects..

I look forward to hearing from you.



Get in touch

  • Edaimon De Juan
    East Sussex
  • +44 (0) 7427 666 942
  • hi@edaimon.uk
Signup to my newsletter: