From 0e75588840511895b917c68aa68fd71e7f36a3e7 Mon Sep 17 00:00:00 2001 From: Bernardo Waldhelm Date: Tue, 11 Oct 2022 13:11:51 -0300 Subject: [PATCH] feat(home): adicionando header desktop e mobile --- .vscode/settings.json | 3 +++ assets/images/logo-m3.svg | 9 ++++++++ assets/styles/css/main.css | 19 ++++++++++++++++ assets/styles/css/reset.css | 43 +++++++++++++++++++++++++++++++++++++ index.html | 17 +++++++++++++++ 5 files changed, 91 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 assets/images/logo-m3.svg create mode 100644 assets/styles/css/main.css create mode 100644 assets/styles/css/reset.css create mode 100644 index.html diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6f3a291 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/assets/images/logo-m3.svg b/assets/images/logo-m3.svg new file mode 100644 index 0000000..698965a --- /dev/null +++ b/assets/images/logo-m3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/styles/css/main.css b/assets/styles/css/main.css new file mode 100644 index 0000000..9871fd2 --- /dev/null +++ b/assets/styles/css/main.css @@ -0,0 +1,19 @@ +.header{ + display:flex; + justify-content:center; + align-items:center; + padding:29px 0; + + background:#000 +} + +.header__logo { + width: 16%; +} + +@media screen and (max-width: 414px) { + + .header__logo { + width: 54%; + } +} diff --git a/assets/styles/css/reset.css b/assets/styles/css/reset.css new file mode 100644 index 0000000..bdf8f53 --- /dev/null +++ b/assets/styles/css/reset.css @@ -0,0 +1,43 @@ +tml, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..d997296 --- /dev/null +++ b/index.html @@ -0,0 +1,17 @@ + + + + + + + + + + Desafio M3 Academy + + +
+ +
+ + \ No newline at end of file