diff --git a/app/assets/stylesheets/web_resources_front.css.scss b/app/assets/stylesheets/web_resources_front.css.scss index dbe2785..50e46da 100644 --- a/app/assets/stylesheets/web_resources_front.css.scss +++ b/app/assets/stylesheets/web_resources_front.css.scss @@ -1,11 +1,14 @@ // Place all the styles related to the act controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: http://sass-lang.com/ -.index-link.index2 li.col-md-4{ - float: left; +.index-link{ .link-img-wrap { + display: inline-table; + width: 30%; + @media (max-width: 576px){ + width: 50%; + } overflow: hidden; - height: 12.5em; img { max-height: 100%; max-width: 100%; @@ -13,6 +16,13 @@ width: auto; } } +} +.index-link.index2 li.col-md-4{ + float: left; + .link-img-wrap { + height: 12.5em; + width: auto; + } a:hover .link-title{ color: #0032b2; font-size: 1.15em; @@ -25,7 +35,8 @@ } @media (max-width: 576px){ width: 100%; - .alink-img-wrap { + a .link-img-wrap { + width: auto; height: auto; } } diff --git a/modules/web_resource/web_res_index1.html.erb b/modules/web_resource/web_res_index1.html.erb index 83e90dd..040dde9 100644 --- a/modules/web_resource/web_res_index1.html.erb +++ b/modules/web_resource/web_res_index1.html.erb @@ -5,10 +5,10 @@