All solutions

Interesting challenge;

The javaScript has only about 18 lines, but the CSS is 300+ (mainly because of the images that had individual items and the positioning was somewhat tricky)

I'm sure others might have found it easy; if you did, kindly let me know the format you explored in the styling

Spent so much time practicing with Js, I decided to do a CSS revival 😀

Last week, on the 10th of September, I had my first encounter with Tailwind CSS. It was quite an adventure, and it took me a whole week of frustration to finally find my comfort zone with it. Oh my, what a journey it was!

I decided to put Tailwind to the test in my next challenge using it exclusively.

And here's my confession:

1. For larger projects, I must admit that Tailwind CSS will be my go-to choice from now on. Its efficiency and ease of use are truly remarkable. However, when it comes to smaller projects, I think I'll stick to my trusted vanilla CSS.

I won't deny that Tailwind CSS has a bit of a learning curve, especially in the beginning, and dealing with the installation can be a tad exhausting. But once you get the hang of it, it's incredibly handy and efficient.

So, yes, I'll definitely be using Tailwind CSS again in the future.

Will you?

Keep the basics in the spotlight

There are somethings you'll never know how easy they are until you lay your hands on them, while others may seem easy at first glance, only to discover that their difficulty is beyond this world.

In my country we'll say "This life is not balance :- )

Sometimes all you need is a pen and paper to structure out before "VS coding" Not until I did this, I thought is was going to be difficult

Let me now if you had similar experience! haha By the way, your feedback is highly welcomed ☺

WOW I added a little extra (dark mode and light mode) I used CSS only for all, as I have not started my JS journey

I had though time with the css selectors, seeing that no JS was involved

One question

when building a responsive bar for both web and mobile, with the aim of the mobile nav to be a slide at the right side of the screen, do you create 2 html structure for both web and mobile, or you use one for both

Actually, i used one, but the tweaking was too much, such that I had to change from flex to fixed. I felt it was over done

Thank you for your suggestion

My Experience with this project:

• Creating the desktop version of the website was a breeze.
• Everything fell into place neatly on the larger screen.

My major Challenge was the Responsiveness:

• Making the website responsive, especially the "footer images" on mobile scaled of the screen. I used width 100%, height auto

My question Are we to stick strictly the media quarry to just the two (2) screen size provided. Because i found out the layout in between these two screens seemed off

Your feedback will go a long way Thank you for your contribution