doc: screenshots width

Author: peterpeterparker

README.md

@@ -9,19 +9,19 @@ The inspiration for the design of the "Macish" cards comes from the amazing [car
 Carbon:
 
 <div align="left">
-  <img src="static/screenshot-carbon.png" alt="Syntax highlighting code block as Carbon card" width="440px">
+  <img src="static/screenshot-carbon.png" alt="Syntax highlighting code block as Carbon card" width="100%">
 </div>
 
 Ubuntu:
 
 <div align="left">
-  <img src="static/screenshot-ubuntu.png" alt="Syntax highlighting code block as Ubuntu card" width="440px">
+  <img src="static/screenshot-ubuntu.png" alt="Syntax highlighting code block as Ubuntu card" width="100%">
 </div>
 
 None:
 
 <div align="left">
-  <img src="static/screenshot-none.png" alt="Syntax highlighting code block" width="440px">
+  <img src="static/screenshot-none.png" alt="Syntax highlighting code block" width="100%">
 </div>
 
 ## Table of contents