Skip to content
OverviewSolutions
8
Comments
14
nicowashere
@devdrivenai

All solutions

  • Submitted 3 months ago

    Article Preview (Dialog HTML elem & abs positioning + JS for events)

    • HTML
    • CSS
    • JS
    2

    As always, any advice from more experienced people can only help and is prone to be very thanked for.

    However, the one that I would appreciate the most is, if at all possible, anyone with experience were to have a look at the second set of URLs (the ones in my previous response above) and figure out where I lost my path to make that popover + anchor positioning thing work as it should. What did I misunderstand about them?

    If you're such a good soul, what you have to do to test this is:

    • open in a Chromium browser (Chrome, Edge, etc) in a non-iOS system (mobile or desktop doesn't matter).
    • now, open the popup (by clicking -or focusing and pressing enter- on the share button). It may be that the first time it appears perfectly in place. If so:
    • try to resize the height/vertical/y-axis of your screen (whether using responsive mode of dev tools or simply the browser window itself). If you reached until here, thank you! Please tell me if you happen to understand where I lost my path, and why the dialog box positions itself weird like that (as if it remained fixed, even though it's absolute and anchored).
  • Submitted 3 months ago

    Testimonial Grid (HTML & CSS)

    • HTML
    • CSS
    1

    Any advice or hint as to what I might have missed in terms of pure styling, layout and/or responsiveness is welcome.

    But also, something that I'd like to know is if there's any better way to select the cards than just going one by one like .card-1, .card-2 (or nth-child(1n), nth-child(2n)), etc. I think due to the very nature of the selectors (for example, assigning a different background color to each) that's not possible, but just in case I thought I'd ask. I know about CSS nesting, but adoption is still lower than 95% according to Caniuse, so I preferred to abstain for now.

  • Submitted 3 months ago

    Four Card Feature Section (HTML & CSS)

    • HTML
    • CSS
    1

    I would love to know if it was possible at all to actually do the whole thing just with an implicit grid. I honestly feel like that wasn't possible, which is why I ended up using container queries an creating grid areas for larger screens, which allowed me to set the cards 2 and 3 in the same column.

    But is there a way? Or any other suggestion or feedback is welcome, especially with regards to CSS layout and responsiveness which is my main focus right now.

    TIA!

  • Submitted 3 months ago

    Product Preview Card (HTML & CSS)

    • HTML
    • CSS
    1

    Hmmm... anything. I think I solved everything I set out myself to get done. However, experience cannot be bought. So if you see this and find smth I could do better or take into account next time, please tell me.

    Thank you!

  • Submitted 4 months ago

    Recipe Page (HTML & CSS)

    • HTML
    • CSS
    1

    Any and all type of constructive feedback is greatly appreciated. One specific example, though, where I would like advice is on my compromise with and when they go from small screen to larger. Is there a more convenient or "better practice" approach to this? I'd appreciate advice. Thanks!

  • Submitted 4 months ago

    Social Links Profile (with Flexbox, transitions and a custom cursor)

    • HTML
    • CSS
    2

    I'll be honest. I didn't leave anything undone of what I set myself to do. However, if you notice anything that I could improve, or anything that could have passed unnoticed to me, please let me know. TIA!

  • Submitted 4 months ago

    Blog Card with responsive font-size (no media queries) & a small twist

    • HTML
    • CSS
    2

    I know I have to be as specific as possible here. The thing is I spent quite some time researching and testing to build this one, so I don't have a lot of specific doubts. However, what I would appreciate, and especially so if you have more experience, is if you find anything (yeah, anything!) that I could work on and do some research and testing to get better at, or even things that I might have completely ignored, completely oblivious, that you could briefly point them out to me. Will be a lot of help and takes just a minute. Thank you!

  • Submitted 4 months ago

    QR Code intro project (HTML & CSS, used css-variables and box-shadow)

    • HTML
    • CSS
    1

    A couple of things:

    • Are HTML tags semantic enough? I wasn't sure whether would do, but it seemed better than just a (for the outermost container). Then, for the two inner containers, I couldn't find anything more applicable than just a mere , and finally with the I was the most undecided, whether just to do two s and style them differently with classes or just use an (there has to be no lower heading without `` I read). So, again, were these choices sound semantically?
    • Does the color use make sense? I tried to stick to what was requested, but I am not entirely sure if it was, especially in the box-shadow, where I came up with my color, to make it more visible.
    • Any recommendation in general is also welcome, of course. TYIA