card-img類削除、.cardにoverflow付与

This commit is contained in:
eai04191 2019-07-04 21:28:26 +09:00
parent c4768ded38
commit 733e97bc58
3 changed files with 3 additions and 12 deletions

View File

@ -1,4 +1,6 @@
.link-card { .link-card {
overflow: hidden;
.row > div { .row > div {
max-height: 400px; max-height: 400px;
overflow: hidden; overflow: hidden;

View File

@ -78,14 +78,3 @@
max-width: calc(100vw - 5em); max-width: calc(100vw - 5em);
} }
.card-img-left {
width: 100%;
border-top-left-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px);
}
.card-img-right {
width: 100%;
border-top-right-radius: calc(.25rem - 1px);
border-bottom-right-radius: calc(.25rem - 1px);
}

View File

@ -2,7 +2,7 @@
<a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener"> <a class="text-dark card-link" href="{{ $link }}" target="_blank" rel="noopener">
<div class="row no-gutters"> <div class="row no-gutters">
<div class="col-12 col-md-6 justify-content-center align-items-center"> <div class="col-12 col-md-6 justify-content-center align-items-center">
<img src="" alt="Thumbnail" class="card-img-left bg-secondary"> <img src="" alt="Thumbnail" class="w-100 bg-secondary">
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<div class="card-body"> <div class="card-body">