Design comparison
Solution retrospective
Hi Guys, I look forward to any comments and suggestions on this challenge. I also added a little animation for the progress-bar just for fun.
I couldn't figure out how to create the tooltip-like edge on the remaining storage box on the desktop version. I'd appreciate some tips on that :)
Happy coding!!
Community feedback
- @darryncodesPosted almost 3 years ago
Hi DK,
Awesome solution, the animation is a nice touch.
You can use a pseudo-element to create the shape, here is a useful guide
All the best!
Marked as helpful0@DanK1368Posted almost 3 years ago@darryncodes Thanks, I was looking for it online but came across something more complicated. By the way, I checked out your huddle landing page and I really like how you organize and structured your scss files.
1@darryncodesPosted almost 3 years agoalways the way haha @DanK1368. Ah glad you like it! Think I've settled on that set up for most projects for now. Just be mindful to us the
@use
@forward
and create a_index.scss
. It took me a little while to get my head round it!0@DanK1368Posted almost 3 years ago@darryncodes Hey..as you seem very knowledgeable, I was wondering you could have a look at my typemaster solution. I ran into a few issues starting with the displaying of the page haha. Hope you can help me out. :)
0@darryncodesPosted almost 3 years agoHey @DanK1368 unfortunately i've not used parcel so I can't help. I use Glenn Marks - version of Live SASS Compiler it works with Dart Sass
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord