Media object testing
This commit is contained in:
parent
88b9414d7c
commit
be029195e0
|
@ -814,3 +814,4 @@
|
||||||
|
|
||||||
- Added `[role="button"]` selector for elements inside `header`, did not remove any other selectors from component as specifity would be too low if changed.
|
- Added `[role="button"]` selector for elements inside `header`, did not remove any other selectors from component as specifity would be too low if changed.
|
||||||
- Updated `.card.section` to work properly with `[role="button"]` elements.
|
- Updated `.card.section` to work properly with `[role="button"]` elements.
|
||||||
|
- #22: Spent a lot of time testing possible implementation of *Media Object*. See related issue for what I ended up with.
|
||||||
|
|
|
@ -193,10 +193,21 @@
|
||||||
<button readonly>Test</button>
|
<button readonly>Test</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-1">
|
||||||
|
<img src="https://placehold.it/800x800">
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-11">
|
||||||
|
<h2>Heading</h2>
|
||||||
|
<p>Some text...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div></main>
|
</div></main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- End of page content-->
|
<!-- End of page content-->
|
||||||
<footer class="sticky"><strong>mini.css</strong> was designed and built with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>
|
<footer class="sticky"><strong>mini.css</strong> was designed and built with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://github.com/Chalarangelo">@Chalarangelo</a>. It is licensed under the <a href="https://github.com/Chalarangelo/mini.css/blob/master/LICENSE">MIT License</a>. You can view the project's source code on <a href="https://github.com/Chalarangelo/mini.css">Github</a>.</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue