►
From YouTube: FE Pair Programming - Cleaning up CSS utility classes
Description
No description was provided for this meeting.
If this is YOUR meeting, an easy way to fix this is to add a description to your video, wherever mtngs.io found it (probably YouTube).
B
Let's,
let
me
check
thingy,
let
me
show
you
the
bit
of
code,
that
is
that
so
we're
basically
using
this
only
for
mobile
req
points,
I
believe
yeah
and
here's
the
nasty
part.
B
C
A
Yeah,
so
here's
how
I
would
do
it
I
would
just
get
rid
of
the
usage
of
app
and
write
default,
and
this
Jude
CSS,
like,
let's
for
whatever,
is
using
this
app
and
write
default.
Append
prepend
lefty
fought,
let's
just
style
it
here
and
get
rid
of
the
usage
of
that
utility
class,
because
I
don't
want
to
refactor
this
yeah
where's
managed
labels
list
is
I,
don't
know.
Let's.
A
B
A
We
check
out,
can
we
hoppin
on
one
of
them
like
the
group
labels,
maybe
yeah.
A
C
B
A
A
C
A
B
A
B
Mean
the
the
big
problem,
the
the
big
problem
that
I
encounter
so
far
is
that
we
use
display
flex
in
like
four
different
ways.
That's
I
think
the
most
difficult
one
to
debug,
because
we
use
display
flex
four
in
bootstrap,
we
use
display
flex
from
an
eternity
class
that
we
have
here
at
Gila.
We
have
another
display
flex
for
Angela
Bui
and
we
have
another
display
flex
that
is
like
when
flex
was
starting
to
be
a
thing
and
yeah,
we
need
to
choose
whatever
road
we
want
to
stick
to.
B
A
A
Let's
try
to
use
the
gait
lab
utility
classes,
okay,
but
it
doesn't
exist
for
this
responsive
thing:
yep,
fine,
let's
just
use
the
bootstrap
class
or
because
I
I
don't
think
it's
gonna
be
it
is
not
feasible.
I
think
to
hold
up
VM
are
waiting
for
get
lab
UI
to
update,
because
a
good
lab
UI
update
those
are
the
scariest
Amar's
to
me,
because
it
is
not
obvious,
what's
changed,
but
anything
could
happen
and
I
think.
Maybe
what
we
need
to
start
promoting
is.
Is
this
because
we
do
we
have?
C
See
it
a
lot
of
work,
though
I
think
we
just
need
a
clear
workflow.
So
people
know
what
I
mean
we
are
actually
doing
this.
We
say
right
now
right
and
why
now
I
wrote
a
modern
is
reviewing
it
and
it
takes
five
minutes
to
cross
to
the
utility
file
and
then
another
five
to
fire
off
the
EMR,
and
then
the
only
problem
is
that
you
need
to
keep
track
of
the
integration.
Mr
between
get
lab.
C
You
are
indeed
lab
right
and
then
know
when
to
create
a
mark
to
remove
the
one
on
your
utility
file,
which
is
add
a
little
bit
of
utility
pingzhi
and
say
a
you
know,
get
lab.
You
iMRS
merge
now
it's
time
to
remove
the
one
on
utilities.
I
think
that's
the
biggest
overflow
over,
not
overflow,
you
see
in
CSS
speaking
all
all.
C
C
A
You're
right,
we
have
a
lot
of
nested
rules
which
really
raises
the
importance
of
that
stuff,
and
that's
another
huge
factor
to
this
as
well
is
trying
to
flatten
out
all
of
our
I
think
a
lot
of
our
CSS
rules.
We
should
not
try
to
and
like
even
in
this
example,
I
would
suggest
hey.
Let's
just
put
labels
description
map
where
no
one
else
is
using
it.
Let's
just
put
it
in
its
own:
let's
not
nested
under
anything
and
I.
A
Think
nesting
that
causes
issues
with
utility
classes
a
lot
and
no
you're
right,
but
I
was
gonna,
say.
Let's
Andre
has
a
really
interesting
idea
of
how
to
how
to
raise
the
importance
without
using
importance,
and
you
can
give
your
HTML
element
like
an
ID
and
then
you
can
basically
have
for
some
of
those
rules
rather
than
using
importance.
A
Have
it
defined
that
uses
that
ID
as
a
chart
like
a
ID
as
a
parent
or
whatever,
and
that
can
like
give
it
precedence,
but
at
the
end
of
the
day,
that
might
be
more
complex
than
just
doing
something
important.
What's
scary
about
importance,
is
we
become
coupled
to
it
with
bootstrap
utility
classes,
and
now
it
is
not
safe
to
replace
it?
A
B
B
B
Cool
there
we
go,
let.
A
C
B
A
B
A
B
That's
gonna
be
what
I'm
doing
with
those
and,
if
I'm,
asking
some
of
the
UX
folks
that
work
with
us
in
with
the
design
system,
I,
usually
grab
a
bunch
of
screenshots
and
I.
Add
them
to
the
EMR
and
I
think
them
to
see
if
some
of
the
big
components
that
we
use
the
most
especially
the
web,
IDE
like
I,
just
replace,
ribbon,
laughs,
I,
think
or
a
pen
bottom
15.
And
then
the
nice
thing
with
this
one
is
that
it's
just
one
pixel
difference.
So
it's
barely
barely
noticeable
and
the
web
ID
kammath
sidebar.
B
A
A
To
get
some
things
to
vertically
align
will
like
combine
padding's
and
utilities
to
like
okay
up
here,
it's
like
35
pixels,
but
here
my
container
has
20
and
then
here's
a
15,
pixel,
okay,
it's
vertically
aligned
like
I,
can
see
that
being
really
tough
too,
but
these
eye
bottom
I
can
see
being
maybe
the
top
and
bottom
ones
might
be
easier
to
do
than
the
left
and
right
ones,
I
think,
I,
think
left
and
right
once
I
think
could
be
end
up
being
a
little
difficult
yep.
Did
you
already
replace
everything
yeah.
A
B
A
Well,
excellent.
A
C
A
C
B
Okay,
so
just
like
to
work
it
now
that
I
think
about
it.
We
cannot
do
preparing
right
default
now,
because,
if
we
do
prepare
by
default,
we're
gonna
have
to
do
the
same
changes
as
prepare
left
default.
So
what
we
can
do
is
have
the
prepend
right
people
as
a
child
branch
of
this
one
yeah
yeah.
We
need
to
base
the
branch
of
this
yes
and
then
raise
it.
C
B
C
C
B
B
B
C
Doesn't
that
shut
yep?
Well,
you
can
rename
it
to
his
neck
shape.
Who's
gonna
work,
the
same
right,
yeah.
B
C
B
B
It's
because
I
usually
have
my
I
have
one
of
the
hot
corners.
That's
what
my
co-host
calls
it
and
if
I
use
the
left,
I
used
to
left
the
damn
right
down,
left
most
corner
of
the
Mac
to
lock
my
screen,
and
so
that's
what
I
was
like.
Oh
God,
so
yeah,
let's
commit
this
bush.
How
come
you
get
the
TSA
in
terror
for
that
spec
file?
Islam
I,
don't
know,
I
just
ignore
it,
because
I
know
we.