The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Design New to CSS. Please rate my attempt (Google Homepage) Reply To: New to CSS. Please rate my attempt (Google Homepage)


Brackets Editor. It outputs live previews upon editing your documents. Though this requires Google Chrome exclusively, that isn’t such a bad thing as Chrome is by far one of my favourite browsers (and the mostly used worldwide).

You should learn HTML a bit more before moving in to CSS. For example, you’ve recreated the “search” box with a div, instead of simply using an <input> element. Same for the buttons, just simply use the <button> element and style to your needs.

I don’t want to sound like I’m self-promoting or blowing my hat off or anything but I did a similar thing back early this year on CodePen using SCSS, jQuery and CSS3 transforms/transitions. I thought it might give you a bit of inspiration and may help you out :)