Skip to content
OverviewSolutions
0
Comments
6
Kaspar Jõeveer
@Dishock

All comments

  • Kaspar Jõeveer•45
    @DishockPosted over 3 years ago

    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! ;)

    1
  • hallux•35
    @haIIuxSubmitted over 4 years ago

    Unfortunately I am struggling on making this responsive at all. Any attempts at media queries failed to work. I would love to know what I need to do / change to make it responsive aside from using a CSS framework such as Bootstrap.

    Article Preview Page

    2
    Kaspar Jõeveer•45
    @DishockPosted over 4 years ago
    This comment was deleted over 3 years ago
    0
  • Kaspar Jõeveer•45
    @DishockPosted over 4 years ago

    Cool tutorial on the same exact challenge: https://www.youtube.com/watch?v=kfcyiY_4LNo

    1
  • Kaspar Jõeveer•45
    @DishockPosted over 4 years ago

    Really close, cool. Details in place, although solution looks like 1.5x bigger than original. All beginners here, good job :)

    1
  • Faraz Ahmad•100
    @faraz343Submitted over 4 years ago

    Help needed . Please check the active state of the design . There is a flaw when we resize from computer to mobile.

    HTML ,CSS and javascript

    2
    Kaspar Jõeveer•45
    @DishockPosted over 4 years ago

    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 ;)

    0
  • Kaspar Jõeveer•45
    @DishockPosted over 4 years ago

    Cool design, details on point :) I just recently did the same project, haven't uploaded tho.

    Some details you might find useful:

    1. *text-transform: uppercase; * for the "GB Left", to get uppercase without cheating
    2. 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 ;)

    0