🖼️ Add image to readme and CSS start page update

ConradSollitt · ConradSollitt · commit bf966be76ba2 · 2020-11-22T16:49:06.000-08:00
diff --git a/README.md b/README.md
@@ -63,11 +63,17 @@ Install from **npm**, this option works great if you are using `create-react-app
 npm install dataformsjs
 ```
 
-**Download this Repository**. It’s small to download because this repository has no dependencies and loads HandlebarsJS, Vue, and React from a CDN. To view example pages Node needs to be installed and then you can start the local server using:
+**Download this Repository**. It’s small to download because this repository has no dependencies and loads HandlebarsJS, Vue, and React from a CDN. To view example pages locally Node needs to be installed and then you can start the local server using:
 ```
 npm start
 ```
 
+The start screen allows you to quickly filter and view many different examples and resources.
+
+<p align="center">
+<img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/dataformsjs-start-page.png" alt="DataFormsJS npm start page">
+</p>
+
 JavaScript files for the Framework and standalone React and Web Components exist under the `js` directory. Full Directory Structure:
 
 ```
@@ -91,13 +97,13 @@ dataformsjs
 **Develop online** using the code playground: https://www.dataformsjs.com/en/playground
 
 <p align="center">
-<img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/Playground.png" alt="Code Playground" width="800">
+<img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/Playground.png" alt="Code Playground">
 </p>
 
 **Download a template file** using scripts from a CDN: https://www.dataformsjs.com/en/getting-started
 
 <p align="center">
-<img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/Getting-Started-Templates.png" alt="Getting Started Templates" width="800">
+<img src="https://raw.githubusercontent.com/dataformsjs/static-files/master/img/screenshots/Getting-Started-Templates.png" alt="Getting Started Templates">
 </p>
 
 ## 📄 Example Code
diff --git a/examples/html/npm-start-page.htm b/examples/html/npm-start-page.htm
@@ -63,6 +63,8 @@
                 flex-wrap: wrap;
                 max-width: 100%;
                 justify-content: center;
+                margin: 0;
+                padding: 0;
             }
             nav a,
             ul.links li {

Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,8 @@`
`63`	`63`	`flex-wrap: wrap;`
`64`	`64`	`max-width: 100%;`
`65`	`65`	`justify-content: center;`
	`66`	`+ margin: 0;`
	`67`	`+ padding: 0;`
`66`	`68`	`}`
`67`	`69`	`nav a,`
`68`	`70`	`ul.links li {`