Submitted
Interactive Rating Component Solution - Pug, Sass, Tailwind & daisyUI
- HTML
- CSS
- JS
Here's my solution for this challenge using Pug, Sass/SCSS and Tailwind. I used daisyUI for the components.
Feedback or suggestions welcome as always!
Looking to hire developers?
@peterhannell
Submitted
Here's my solution for this challenge using Pug, Sass/SCSS and Tailwind. I used daisyUI for the components.
Feedback or suggestions welcome as always!
Submitted
I'm mostly happy with how this turned out. A quick note though: I stuck to the static designs but I really should have made it responsive. Next time I think I'll use something like Bootstrap.
HTML, Pug, LESS, Vanilla Javascript. Built with Parcel.
All feedback is welcome/appreciated, especially with my JavaScript code as I'm still very new to it.
Submitted
My solution to the this challenge using Tailwind CSS with a focus on semantic HTML and accessibility. I also added some simple CSS animation effects.
Submitted
I chose this simple design just to play around with Tailwind as I'd never used any CSS framework before. I'll probably look at Bootstrap next.
Let me know if there's anything I could have done better, thanks!
Submitted
I completely re-did this one as I wasn't entirely happy with my first attempt. I have kept to the static designs but I think for my next project I want to build it with responsiveness in mind.
Let me know if there's anything I can improve!
Submitted
For this particular project I took a slightly different approach this time with my CSS by setting a base font size on the body and scaling everything relative to that by using ems. I enjoy experimenting with the various ways that CSS that can be used to accomplish the same thing.
I should probably have taken more time to structure my code and trim it down, but hopefully it's not too disorganised or confusing!
As always any feedback or suggestions are welcome :-)
Submitted
My solution to the Testimonials Grid component, utilising CSS grid and some flexbox elements. Any feedback and/or suggestions welcome :)
Submitted
My solution to this challenge. I'm not 100% satisfied with it but I think it's close.
Any feedback and suggestions much appreciated.
Submitted
My solution for this challenge. I haven't quite got the responsiveness working perfectly, for example some of the text is being pushed out of its container.
Any feedback or suggestions appreciated!
Submitted
My solution to the order summary component using HTML and CSS.
It's not perfect but I wanted to move on to something else.
All feedback and suggestions welcome :)