Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
9

Austin

@AbsyntheeEngland370 points

Digital Graphic Designer & Front End Developer. Started my own web design business - KittyCode Creative! Check it out and give me some love 😻

I’m currently learning...

HTML, CSS, Javascript, React

Latest solutions

  • Room Homepage with popover mobile navigation

    #accessibility

    Austin•370
    Submitted 3 months ago

    Any and all comments and feedback are appeciated. Any notes about accessibility, or improving my JS or mobile nagivation in particular, I think would help me out the most.


    0 comments
  • Calculator App using Grid, React, Typescript

    #react#typescript

    Austin•370
    Submitted 9 months ago

    NPM, React, Typescript... I'll take tips on anything! Building and serving projects like this is weird, but in the real world I guess it's an important skill to have.


    0 comments
  • To-do app with vanilla languages


    Austin•370
    Submitted 10 months ago

    Improving my JS skills, mostly. Also, would you do this in vanilla JS yourself? What would you use?


    1 comment
  • NFT Card using vanilla-tilt.js

    #accessibility

    Austin•370
    Submitted 10 months ago

    0 comments
  • Responsive Dog Walkers Booking/Chat App

    #accessibility

    Austin•370
    Submitted 12 months ago

    Any feedback would be awesome. Thank you!


    1 comment
  • Launch Countdown Timer


    Austin•370
    Submitted 12 months ago

    How would the animated flip card come into play? Would it be created with JS or CSS?


    0 comments
View more solutions

Latest comments

  • Charlie•320
    @bisbeec
    Submitted 10 months ago

    Todo App

    #sass/scss
    1
    Austin•370
    @Absynthee
    Posted 10 months ago

    This is flawless. Great job! 👏

  • ポール•70
    @mukisapaulk
    Submitted 10 months ago

    NFT card component usind css

    1
    Austin•370
    @Absynthee
    Posted 10 months ago

    The layout looks good - try to add the hover states to the project as shown in active-states.jpg. Keep it up! 😃

  • Kaung Khant Ko Ko•630
    @Kaung-Khant-Ko-Ko
    Submitted 12 months ago

    Responsive agency landing page

    #jquery
    1
    Austin•370
    @Absynthee
    Posted 12 months ago

    Looks great! I like the decision you made to keep the testimonial icons square - it fits more with the rest of the blocky design aesthetic.

    Something I've learned from these challenges is to try and make the page as accessible as possible. Disregarding the contrast of the design colours for accessible text standards (I didn't change this either!), you could improve accessibility by adding labels to your interactive elements - links, icons, etc.

    Keep up the great work and good luck with future challenges!

    Marked as helpful
  • Aris.•60
    @idatenkiddy
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Now being able to make it little more responsive than my previous projects. Next time I will use Tailwind CSS cause i am tired of writing CSS.

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

    Not any a big challenge I encountered but real problem is it took me 1 hours to complete this which I feel its too late. I turned Learning section to a yellow button, idk if it is worth it doing that way or i could have just used a semantic tag.

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

    Help me in making most responsive as possible.

    Blog preview card 😎

    1
    Austin•370
    @Absynthee
    Posted 12 months ago

    Looks great! I don't think 1 hour is too long for this. I'm sure I spent a lot longer 😅. There isn't much more you can do for responsiveness on this challenge, but one thing you could add is the active state for the box shadow on the card - make it grow when the user is hovering over the card.

    Keep up the great work and good luck with future challenges!

  • Rohan Basnet•280
    @Rohanbasnet12
    Submitted over 1 year ago

    Responsive design using tailwind CSS and custom responsive CSS

    #tailwind-css#jquery
    1
    Austin•370
    @Absynthee
    Posted about 1 year ago

    Nice one! I like how you've organised your files and made comments for everything so it's easy to navigate.

    Personally I would prefer if there was a max-width on the container holding your content, so the image doesn't grow so big and force users to scroll to read all the content.

    Good luck with future projects!

  • Amarta Sam•100
    @amartadevi
    Submitted about 1 year ago

    social-links-profile

    1
    Austin•370
    @Absynthee
    Posted about 1 year ago

    Looks good! I only have a couple of things to suggest if you want to update this challenge.

    1. Try to match the design as close as possible. You've done very well but the h1 stands out as being a lot larger in your version.
    2. Change the font color on the buttons when hovering. Currently they remain white which is pretty difficult for readability.

    Overall, good job! Keep it up and good luck with your future projects.

    Marked as helpful
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub