Adjusting tweets about extensions for mobile devices
The extension that we created in Chapter 6, Write Magento 2.0 Extensions – a Great Place to Go, tweets about extension and has the following appearance:
Let's improve the CSS extension rules to turn it into a mobile-friendly one.
Using Chrome DevTools or Responsive Web Designer Tester, select an Apple iPhone 5—portrait device to test our code optimization.
Open the module.less
file available under the packt/app/code/Packt/TweetsAbout/view/frontend/web/css/source
directory and add the following code:
/*Tweets About Style*/ @media (min-width: 960px){ #wrapper { width: 90%; max-width: 1100px; min-width: ...
Get Magento 2 Development Essentials now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.