Added scrollability for intro page's rome lint sample images for small screens
MODIFY
website/src/index.md
website/src/index.md
@@ -33,8 +33,19 @@ Rome aims to have the following responsibilities:
## Learn more
-![One](/static/img/screenshots/1.png)
-![Two](/static/img/screenshots/2.png)
+
+<div class="image-horizontal-overflow" >
+ <div class="image-scroll" >
+ <img src="/static/img/screenshots/1.png" alt="Rome Lint Sample - alt missing" />
+ </div>
+</div>
+
+<div class="image-horizontal-overflow" >
+ <div class="image-scroll" >
+ <img src="/static/img/screenshots/2.png" alt="Rome Lint Sample - variable undeclared/unused" />
+ </div>
+</div>
+
<ul class="home-actions">
<li>

MODIFY
website/src/styles/_homepage.scss
website/src/styles/_homepage.scss
@@ -99,3 +99,12 @@ ul.home-actions {
}
}
}
+
+.image-horizontal-overflow {
+ overflow-x:auto;
+}
+.image-scroll{
+ display: inline;
+ white-space: nowrap;
+}
+

Added scrollability for intro page's rome lint sample images for small screens (#653)

Co-authored-by: Arneesh Aima <arneeshaima@Arneeshs-MacBook-Pro.local>
Co-authored-by: Eduardo Lopes <EduardoLopesDS@gmail.com>