Latest solutions

Latest comments
- @MasterKrab@Dishock
Great job, I like how you improved on the design provided. You definitely have an eye on this, pm if you're interested in gigs. Hope to hear from ya, great job! ;)
- @Viv-bit@Dishock
Cool tutorial on the same exact challenge: https://www.youtube.com/watch?v=kfcyiY_4LNo
- @muhammad-ainuddin@Dishock
Really close, cool. Details in place, although solution looks like 1.5x bigger than original. All beginners here, good job :)
- @faraz343@Dishock
Cool, content nicely done, wrapper could use some help I guess?
To get this nice white box for content do: Place the content inside div.card-wrapper in index.html, if it's not there already. Do .card-wrapper { background-color: #fff; padding: 2rem; }
To center everything do: body { display: grid; height: 100vh; place-items: center; }
To give it a nice background color do: html { background-color: hsl(colorcode); }
Keep hustling ;)
- @mohamedsellami@Dishock
Cool design, details on point :) I just recently did the same project, haven't uploaded tho.
Some details you might find useful:
- *text-transform: uppercase; * for the "GB Left", to get uppercase without cheating
- Could play with margins to get the storage-bar a bit closer to the text above it
You wanted feedback, design looks awesome. Although some dimensions look a bit different than in original, I find yours to be nicer. Keep hustling ;)