Skip to content

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. ... [Read Full]
markdown guide

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.


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


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


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.


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

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.


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


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.


I've reimplemented this by using css grid and flexbox together. You can check it out here


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.


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


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

code of conduct - report abuse