Frontend Mentor - Blogr landing page solution

This is a solution to the Blogr landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

• Overview
  • O Desafio
  • Screenshot
  • Links
• Meu processo
  • Construindo com
  • O que eu aprendi
  • Desenvolvimento futuro
• Autor(a)

Overview

O Desafio

Os usuário devem ser capazes de:

• Ver uma tela/layout otimizado para o site, dependente do aparelho no qual estiver.
• Ver todos os estados de foco para os elementos interativos da página.

Screenshot

Links

• URL da solução: https://www.frontendmentor.io/solutions/soluo-do-blogr-Iifwvk-uuL
• Live Site URL: https://blogr-front-end-mentor.vercel.app/

Meu processo

Construido com:

• HTML5 Semântico
• CSS
• Flexbox
• CSS Grid
• Mobile-first

O que eu aprendi?

O projeto me trouxe vários conhecimentos sobre o uso de position, no caso, ele envolveu mais conhecimento acerca do assunto. Além da implementação e fazer fiel ao protótipo de UI/UX Designer e uma grande aventura sobre o projeto.

  .description__img__desktop {
      position: relative;
      right: 28%;
      width: 100%;
      height: fit-content;
      align-self: center;
  }

Desenvolvimento futuro

Nos próximos projeto quero utilizar frameworks e melhores habilidades que aprendi nesse para aperfeiçoar todo meu código e melhorar para design e acessibilidade

Autor(a)

• Website - Laryssa Brilhante Pessoa
• Frontend Mentor - @solilorys
• Github - @solilorys