diff --git a/assets/img/Banner-Tv-mobile.png b/assets/img/Banner-Tv-mobile.png new file mode 100644 index 0000000..5118021 Binary files /dev/null and b/assets/img/Banner-Tv-mobile.png differ diff --git a/assets/img/Image-banner-mobile.png b/assets/img/Image-banner-mobile.png new file mode 100644 index 0000000..7a674f6 Binary files /dev/null and b/assets/img/Image-banner-mobile.png differ diff --git a/css/styles.css b/css/styles.css index 3ebfefb..4acc3a4 100644 --- a/css/styles.css +++ b/css/styles.css @@ -26,6 +26,10 @@ line-height: 24px; color: #000000; } + +.banner-tv img { + width: 100%; +} .title-content { padding: 50px 0; text-align: center; @@ -215,9 +219,11 @@ small { .last-content { display: flex; flex-direction: column; + padding-top: 30px; } - .last-content img { + .last-content picture { order: -1; + margin-bottom: 40px; } .last-content .info-title { font-size: 24px; diff --git a/index.html b/index.html index f66f8f0..acd48af 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,10 @@

Lorem ipsum dolor sit amet

@@ -74,7 +77,10 @@

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum. Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis. Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.

- image banner + + + image banner +