Skip to content
OverviewSolutions
3
Comments
3

Temidayo David

@TemidayoDavid60 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

  • Sleek Developer Portfolio with SASS

    #accessibility#parcel#sass/scss#bem
    Temidayo David•60
    Submitted 19 days ago

    I would like help with knowing how to really use the @use and @forward methods in SASS.

    Chiefly because I believe that I just scratched the surface.

    Also knowing what accessibility standards to use as a project expands and best naming conventions would be a really great help.

    0 comments

  • PIXEL PERFECT BLOG CARD

    #accessibility
    Temidayo David•60
    Submitted about 1 month ago

    Understanding how to sufficiently write cleaner CSS code and know a standard naming especially for font-weights, colour etc. I have seen many use things like

    --clr-gray-400 or --clr-gray-50. Knowing which is which and the best practice for me would be where I need help.

    1 comment

  • Modern QR-Code component with Semantic HTML and CSS

    Temidayo David•60
    Submitted about 2 months ago

    I would like help, knowing what the best practices are in ordering styles, custom properties, when to bother using them and when they could be unnecessary.

    I would also appreciate help, knowing what to always look out for in tackling a problem especially in ways that are industry best practices. Are there ways I could make my code cleaner etc.

    3 comments

Latest comments

  • Shagun•70
    @ShagunGupta-tech
    What are you most proud of, and what would you do differently next time?

    I'm proud of how I built the Blog Preview Card using clean HTML and CSS, with a responsive layout and good use of rem units and Flexbox.

    Next time, I’d focus more on accessibility, improve CSS organization, and maybe add subtle animations for better interactivity.

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

    One challenge I faced was aligning all elements properly within the card while keeping it responsive. I overcame it by using Flexbox and rem units to ensure consistent spacing and layout.

    Another challenge was implementing the hover and focus effects without breaking the design, which I solved by testing changes step-by-step and refining transitions for smooth interactivity.

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

    I'd like help with improving accessibility, optimizing my CSS structure, and making the design more interactive with subtle animations.

    Feedback on naming conventions and better mobile responsiveness techniques would also be helpful.

    Blog-Preview-Card

    1
    Temidayo David•60
    @TemidayoDavid

    Hi Shagun. Well-done with putting your solution together and also for throwing in a like. Thank you. For what you asked about accessibility and responsiveness, you might want to check my readme in my blog solution. I have useful resources that would be really helpful.

    For accessibility, ARIA is a place to start. Responsiveness, you would want to use some functions like clamp(), min() and var().

    More wins!

  • Temidayo David•60
    @TemidayoDavid

    Hello Wilson, whoosh must have been work coding through and doing all you had to do, well-done.

    You design might be a little offset chiefly because in your code, you haven't allowed for the font changes between view port width 375px and 1440px. In the first, the font size is 20px and in the second 24px, same for the paragraph and other elements.

    I think by making provision for those responsive font sizes, you would have a near matching design.

    Once again, wishing you the best.

  • Achusim Chibuike Joseph•10
    @PERFEXION17
    What are you most proud of, and what would you do differently next time?

    I was able to solve the problem without external help.

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

    The darkness of the box-shadow. Could not make it lighter.

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

    The box shadow seems darker than I want it to be. I want to be able to create lighter shadows.

    Basic semantic HTML and Custom CSS properties

    1
    Temidayo David•60
    @TemidayoDavid

    Hi Chibuike! great work!

    I think to make your box-shadow lighter, you could employ a fourth argument in your colour, which is usually the opacity.

    For instance,

    box-shadow: 0px 8px 20px 1px hsl(216, 15%, 48%, **0.1)**;

    The 0.1 in this example above is 10% opacity. The opacity is usually between 0 & 1.

    Also, you might want to include the first level heading and apply the right font weight and text-size to your heading text.

    Well-done!!

    Marked as helpful