DEV Community

Cover image for I created a copy of Red Onion's Daily Prophet using CSS Flexbox

I created a copy of Red Onion's Daily Prophet using CSS Flexbox

Ana Liza Pandac on September 15, 2018

If you have ever seen Red Onion’s Daily Prophet page then you’d know that it's a really awesome and creative layout which is built using CSS Grid. ...
Collapse
 
flexdinesh profile image
Dinesh Pandiyan

This is amazing. Writing down what you learned and the process of how you learned helps others in the same boat. Looking forward to more of your posts.

Collapse
 
analizapandac profile image
Ana Liza Pandac

Thanks Dinesh. Yup, I'm looking forward to it as well.:D

Collapse
 
ben profile image
Ben Halpern

This is great, definitely bookmark material for future flexbox reference.

Collapse
 
analizapandac profile image
Ana Liza Pandac

Thanks Ben. Flexbox is such a powerful tool to learn and a really nice addition to our front-end skill set. I haven't fully utilized all of flexbox properties on this exercise but I have time to learn them.

Collapse
 
ben profile image
Ben Halpern

It’s also now super well supported and highly used. No reason to hesitate on making great use.

Thread Thread
 
analizapandac profile image
Ana Liza Pandac • Edited

Yup, I'm building my portfolio site and I'm planning to use it together with CSS grid. It would be a really good learning experience as well.

Collapse
 
ccleary00 profile image
Corey Cleary

this is top notch

Collapse
 
analizapandac profile image
Ana Liza Pandac

Thanks Corey.

Collapse
 
analizapandac profile image
Ana Liza Pandac

I've reimplemented this by using css grid and flexbox together. You can check it out here dev.to/analizapandac/using-css-gri...

Collapse
 
shahdevarsh profile image
ShahDevarsh

Thanks for giving new stuff

Collapse
 
analizapandac profile image
Ana Liza Pandac • Edited

You're welcome.:)
I'm currently re-implementing it again using flexbox, css grid and multi-columns layout altogether. Pretty interesting stuff, maybe I'll write about what I learned from it as well.

Collapse
 
fridanyvall profile image
Frida Nyvall

Feeling very happy to have inspired your post. Keep up the good work! Cheers from @fridanyvall , Red Onion (@RedOnionDev)

Collapse
 
analizapandac profile image
Ana Liza Pandac

Thank you for the inspiration as well☺️. I'm glad to see you here. I'm sure I will learn a lot from your posts. Keep up the awesome work.

Collapse
 
rrconstantin profile image
rrconstantin

It would have been more awesome if you animated the hurricane :D

Collapse
 
analizapandac profile image
Ana Liza Pandac • Edited

That would be a really cool effect. But with the weather right now, I don't want to add a new one.:D