/portifolio-colaborativo-codewizard-Eaglescoders

O Frontend Fusion é um projeto inovador focado em proporcionar uma experiência envolvente de aprendizado de programação. Nosso objetivo é oferecer um ambiente colaborativo onde entusiastas de tecnologia possam mergulhar no mundo do desenvolvimento frontend, explorando CSS, HTML e JavaScript através de desafios e atividades interativas.

Primary LanguageJavaScript

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

Configurações de variaveis

Variaveis convertidas em pixels para o facil entendimento na utilizaçao delas no projeto.

  • VARIAVEIS DE ESPAÇO ENTRE LINHAS:

    "desktop-mini": "16px",
    "desktop-small": "20.08px",
    "desktop-medium": "22.59px",
    "desktop-larger": "26px",
    "desktop-extraLarger": "27.61px",
    "desktop-ultra": "33.57px",
    "desktop-hiper": "35.14px",
    "desktop-mega": "40.16px",

    "mobile-mini": "16px",
    "mobile-small": "17.57px",
    "mobile-medium": "18px",
    "mobile-larger": "20.08px",
    "mobile-extraLarger": "22px",
    "mobile-ultra": "23.08px",
    "mobile-hiper": "35.14px",

  • VARIAVEIS DE TAMANHO DE FONTE:

    "desktop-mini": "12px",
    "desktop-extraMini": "15px",
    "desktop-small": "16px",
    "desktop-extraSmall": "18px",
    "desktop-medium": "20px",
    "desktop-extraMedium": "22px",
    "desktop-larger": "24px",
    "desktop-extraLarger": "28px",
    "desktop-ultra": "31px",
    "desktop-extraUltra": "32px",
    "desktop-hiper": "36px",
    "desktop-extraHiper": "38px",
    "desktop-mega": "48px",

    "mobile-mini": "8px",
    "mobile-extraMini": "12px",
    "mobile-small": "14px",
    "mobile-medium": "16px",
    "mobile-larger": "18px",
    "mobile-extraLarger": "20px",
    "mobile-hiper": "22px",
    "mobile-extraHiper": "28px",
    "mobile-mega": "38px",

  • VARIAVEIS DE LARGURA:

    "mini": "216px", "extraMini": "298px", "small": "317.008px", "extraSmall": "325.008px", "medium": "388px", "extraMedium": "396px", "larger": "459.008px", "extraLarger": "475.008px", "hiper": "507.008px", "mega": "513.008px",

  • VARIAVEIS DE LARGURA MAXIMA:

    "medium": "826px",
    "larger": "1212px",

  • VARIAVEIS DE ALTURA:

    "small": "188px",
    "larger": "290px",