MYportifolio.github.io

Meu Portifólio Version 2.0

veja o portifólio clicando aqui

a branch desta versão é

Version 2.0 Teacnologias

Html5

Css3

Javascript

React + Vite

Layouts

O que eu Aprendi ?

Para usar o fit-content dentro da width e height precisa ter o box-sizing : content-box

Arquivo App2.jsx - testei o meu jeito de fazer um spa ignorando as rotas usando classe componente react

Arquivo App3.jsx (App3 - explicação da foto {VIDEO})- para cada li dispara uma função diferente de acordo com a flag que vai ser mudada

Arquivo App.jsx - spa ignorando rotas e usando classe componente do jeito que eu inventei

Antes de começar a programar definir os requisitos do jeito que eu quero que apareça ou não apareça na tela depois que o usuário clicar e ou quais reações na tela vai acontecer depois do click

Se uma div não tem display:flex , seus filho ocuparão toda width disponível, mesmo com o seu tamanho definido.

Se uma div tem o display:flex , seus filhos ocuparão o seu tamanho definido.

Selecionar a maioria dos elementos nemos aquele com atributo específico

section h2:not(#h2){
  color: var(--cor-constraste-1);
  background-color: var(--cor-padrao);

  border-radius: 2rem;

  padding: 1rem;
}

este seleciona todos os h2 dentro da div section menos aquele h2 com o id h2

para ter este resultado

React + Vite

Version 1.0

a branch desta versão é

fiz deploy deste no Fleek link n tem tls

farei deploy no vercel app aqui

Veja meu projeto hospedado no github.io link

Para ver o figma deste projeto link

Version 1.0 Teacnologias

Html5

Css3 + bootstrap icons

Javascript

O jeito que ajeitei as screens SMARTPHONES foi colocar o minimo de tela no dev tools 320 e terminei até todos html com limite de pixel 320px aparecerem normal na viewport que estou concertando e com rem

reconsiderei todas as telas menores que 425px    ----> limite máximo da tela smartphone