Skip to content
OverviewSolutions
5
Comments
6
P

Daniel Tefe

@awaritefeCamden, London90 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • P
    Daniel Tefe•90
    @awaritefe

    Nice clean solution.

  • P
    Marion•140
    @MarionCts
    What are you most proud of, and what would you do differently next time?

    For this challenge, I once again focused on a pixel-perfect approach to match the original design as closely as possible. The challenge didn't require a dynamic transition for the hover effect, but I decided to add a basic one anyway, as I found the default HTML hover effect too abrupt. I aim to improve my CSS transitions in future projects.

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

    I wanted to use rem instead of px for the text and make the process easier. So, I set the font size of the HTML element to 10px, allowing me to work with rem more intuitively (e.g., 10px = 1rem, 14px = 1.4rem, etc.), which also improved responsiveness. This approach saved me a lot of time when working with pure HTML and CSS.

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

    I would be grateful for any kind of feedback!

    Blog Preview Card Main

    2
    P
    Daniel Tefe•90
    @awaritefe

    Very clean and well structured. The only solution iv seen that matched the slider view perfectly. Very nice work on this solution.

  • LincolnBollschweiler•350
    @LincolnBollschweiler
    What are you most proud of, and what would you do differently next time?

    Getting Github pages to show my svg images that were defined with background-image: url(some url pointing to public, re-routed to dist) to work. Next time I'll make the relative urls start with "../", not "/" or "./". I was actually surprised all three work from localhost with vite.js npm start.

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

    See "proud of section"

    Responsive form submit w/ validation

    #jquery#sass/scss#vite
    1
    P
    Daniel Tefe•90
    @awaritefe

    Lovely use of frameworks to use the virtualDom to manage the form. Vite is great for this. sass/scss looks good but have some plain css variables mixed in. I would keep everything within the sass/scss eco system for consistency. Apart from that its a nice build!

    Marked as helpful
  • MartaOcvirk•70
    @MartaOcvirk
    What are you most proud of, and what would you do differently next time?

    That I finished the project!

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

    JavaScript was a challenge.. I'm not sure I overcome them, but hey, code works :)

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

    JavaScript

    Article-preview-component

    2
    P
    Daniel Tefe•90
    @awaritefe

    The solution you used in the JS was really unique and like the accessible method to achieve it. The H1 size looks a little small from design and could simplify and make the JS more lean. But apart from that it looks great.

  • MO•80
    @michaelola0
    What are you most proud of, and what would you do differently next time?

    Completed this in less than 2 hours. I am proud of my speed.

    Blog preview card

    1
    P
    Daniel Tefe•90
    @awaritefe

    Very detailed and love the css layout! top quality work

  • P
    Daniel Tefe•90
    @awaritefe

    Overall pretty solid build. Only suggestions would be border radius to match figma design and maybe moving the css into its on style.css for readability and keeping the html file lean.

    Other than that great work :)