Skip to content
OverviewSolutions
2
Comments
3

Dom

@dj4815Berlin20 points

Hi, my name is Dom. I've been making websites on and off since 2002 or so. But more off than on. Recently, I've been getting back into it and really liking it.

I’m currently learning...

C, Software Engineering Principles, Object-oriented Programming with Java, React, Tailwind CSS (+ Refactoring UI)

Latest solutions

  • Blog preview card HTML & CSS

    Dom•20
    Submitted 3 months ago

    The vertical padding issues & the avatar and author name not being centered vertically

    1 comment

  • QR Code Component (HTML + CSS)

    Dom•20
    Submitted about 1 year ago

    A better technique for making and moving boxes around other than with colored borders would be nice. Other than that I think that it wasn't too difficult, even though now looking at it after 4 months of no html + css I wonder how i did it.

    Thanks for your time!

    2 comments

Latest comments

  • Cristian R. Maldonado•50
    @cristianmdn
    What challenges did you encounter, and how did you overcome them?

    For the mobile design, I was having troubles to make the image inside the card to look exactly like the asked design. I think I got it right but I'm not sure. I just used "object-fit: none;", adjusted the height to make it more "squared" and that worked. If there's any way to make it better please let me know.

    Blog-Preview-Card Project

    1
    Dom•20
    @dj4815

    Looks good to me, the only thing I'm seeing is that the line height in the post description is too low

  • Dom•20
    @dj4815

    Well done, @arfath-ali!

    • I think you pretty much nailed the spacing of text and objects within the card element.
    • The box-shadow is a bit too intense. Try lowering the opacity maybe. +- The card seems a bit small in comparison but maybe it is just the screenshot. The live preview looks correct to me.
  • Dom•20
    @dj4815
    What are you most proud of, and what would you do differently next time?

    First, let me say that I have just discovered that I never uploaded this solution. It's been 4 months since I made this and I don't quite remember but apparently I wrote the css completely by hand which is quite an accomplishment.

    What challenges did you encounter, and how did you overcome them?

    Again, I don't quite remember but it seems from the comments that I used colored borders to move stuff around, so that probably.

    What specific areas of your project would you like help with?

    A better technique for making and moving boxes around other than with colored borders would be nice. Other than that I think that it wasn't too difficult, even though now looking at it after 4 months of no html + css I wonder how i did it.

    Thanks for your time!

    QR Code Component (HTML + CSS)

    2
    Dom•20
    @dj4815

    Now that I've uploaded the solution I can see that the line spacing is off. I'll try to fix that. I think I had some trouble with justify-content and the like.