box-sizing não funciona!

[RafaCordL 0]

Olá galera, boa tarde.

Estou no ramo de front e estou seguindo umas aulas, na qual estou na 11: https://www.youtube.com/watch?v=A3mlsAk4G2k&list=PLHz_AreHm4dlAnJ_jJtV29RFxnPHDuk9o&index=11

Sendo que mesmo acompanhando tudo igualzinho, tem algumas coisas que não funcionam, e eu não estou entendendo porque.

Meu código está assim:

 

Notaram como o box-sizing aparece formatado? Acho que isso mostra que está errado, mas posso estar errada... Então por isso venho pedir um help! A imagem abaixo é como está:

 

 

E essa como tem que ficar ao passa o mouse em cima:

 

 

E então galera, alguém sabe o que está havendo?

 

[marsolim 110]

pelas imagens parece ser de um curso de css certo? se for já tentou entrar em contato com quem fez o curso?

[RafaCordL 0]

Sim sim foi.

Mandei o link do curso inclusive no post, entrei em contato mas não me responderam.

[William Bruno 1501]

Ele não aparecer com highlight não quer dizer q está errado não.

Só quer dizer que o teu sublime não conhece ele, pois é uma propriedade relativamente nova.

 

Inclua os prefixos, troque:

box-sizing: border-box;

por

-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;

Pois algumas versões dos browsers, só aceitam com o prefixo.

[RafaCordL 0]

Farei isso Bruno, obrigada.

Mas como fazer para o sublime reconhecer ele?

[William Bruno 1501]

Ai vc tem q instalar um plugin de css3:

 

https://sublime.wbond.net/packages/CSS3_Syntax

[RafaCordL 0]

Show Bruno, obrigada!

[MarceloLuiz75 0]

RafaCordL

 

A sua imagem (Google Glass) ficou desproporcional em relação ao que o Guanabara apresentou?

[Marco Luiz 0]

Em 11/02/2015 at 16:18, MarceloLuiz75 disse:

RafaCordL

 

A sua imagem (Google Glass) ficou desproporcional em relação ao que o Guanabara apresentou?

minha imagem ficou bem desproporcional você conseguiu arruma a imagem ?

estou com o problema com o box-sizing no sublime ele não existi se puder me ajudar agradeço !