CSS GENERATOR - pierwszy projekt w React

pytanie zadane 28 kwietnia 2021 w Nasze projekty przez mmmrrrr Nowicjusz (240 p.)

Cześć,

napisałem swoją pierwsza mini aplikację w React i staram się zebrać jakiś feedback.

Github: https://github.com/marekfoltanski/cssgenerator

Konstruktywna krytyka mile widziana :)

5	komentarz 28 kwietnia 2021 przez JakSky Stary wyjadacz (14,770 p.) Nareszcie jakiś projekt, który wygląda całkiem fajne i do tego szybko się ładuje na mobile, plus za wersję mobilną.

2	komentarz 9 maja 2021 przez Jacek Piotrowski Nowicjusz (100 p.) Bardzo dobra i ładna strona internetowa. Propsy za to :D

5 odpowiedzi

odpowiedź 29 kwietnia 2021 przez VBService Ekspert (252,780 p.)
edycja 1 lipca 2021 przez VBService

Apka super. Minimalistyczny wygląd według Mnie na plus.

Znalazłem takie "rzeczy", które uważam, że dobrze by było dopracować (nie czepiam się, apka dobra, ale sam prosisz o "feedback" )

1. Przy rozdzielczości do 992px pole kod CSS jak na obrazku

a przy rozdzielczości powyżej

2. Przy ustawieniu koloru białego zlewa się z background-color.

3. CSS background - błąd w kodzie css (przecinek zamiast średnika)

gdy nie chcę obrazka to zostaje taki kod

Jakbyś mógł dodać do:

1. CSS Background taką funkcjonalność jak: background-blend-mode:, żeby można było "robić" gradient-y w takim stylu jak na obrazku poniżej

2. i taki generator tekstu (napisów)

<div class="title">MMMRRRR</div>

.title {
  font: 8em arial;
  color: white;
  background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
  background-size: cover;
  color: transparent;
  -moz-background-clip: text;
  -webkit-background-clip: text;
  font-weight: 900;
  margin: 0;
}