Css properties not working on grid layout

Hi everyone! So i’ve been doing my Tribute Page and having issues with flexbox and grid, i want to thank the community for helping me.
Now i’m having this problem:
I’ve created a <div> with class “grid” which is the main container of the grid, CSS properties working fine on this.
Also i have 5 <img> with class “1,2,3,4,5”… here the < img> CSS works perfectly but the classes don’t.
I mean i have one img{ CSS that works but the .1{ CSS don’t.
I don’t know why this is happening , here’s my codepen.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

Please use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks are not single quotes.


1 Like

Hello there,

Just a tip: A CSS class starting with a number is not a valid class. Have a look at the syntax highlighting on CodePen as a giveaway.

Hope this helps