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

Amit-R328

@Amit-R328150 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

  • Responsive social link profile using angular and flex


    Amit-R328•150
    Submitted 11 months ago

    Any feedback is appreciated


    1 comment
  • Blog-preview-card using flexbox

    #angular#accessibility

    Amit-R328•150
    Submitted 11 months ago

    0 comments
  • Loopstudios landing page solution using SCSS, flexbox, grid

    #accessibility#angular#sass/scss#typescript

    Amit-R328•150
    Submitted 11 months ago

    I would appreciate feedback on how to improve the accessibility of my project


    1 comment
  • QR-code-component using scss

    #angular#sass/scss#typescript

    Amit-R328•150
    Submitted about 1 year ago

    1 comment
  • NFT-preview-card

    #angular#sass/scss#accessibility

    Amit-R328•150
    Submitted about 1 year ago

    Basic accessibility features are implemented, but there might be room for improvement.


    1 comment
  • Hangman game

    #angular#sass/scss#typescript

    Amit-R328•150
    Submitted about 1 year ago

    While I added keyboard navigation, there may be additional accessibility features that could make the game more inclusive, such as ARIA labels, better focus management, and support for screen readers.

    I would be happy to get guidance on best practices for accessibility.


    0 comments
View more solutions

Latest comments

  • Michalol94•90
    @Michalol94
    Submitted 11 months ago

    Recipe page

    #angular
    1
    Amit-R328•150
    @Amit-R328
    Posted 11 months ago

    Great, actual pixel perfect

  • Stephanie Metieh•60
    @steffieMD
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    my improved css skill

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

    developing without the figma file

    Responsive social links preview card

    1
    Amit-R328•150
    @Amit-R328
    Posted 11 months ago

    Great job!

    Marked as helpful
  • AmirkhonKhaitov•80
    @AmirxonEngineer
    Submitted 11 months ago

    Blog preview card solution

    #angular
    1
    Amit-R328•150
    @Amit-R328
    Posted 11 months ago

    Great job!

    One suggestion would be to replace the outer <div class="container"> with <section class="container"> to provide semantic meaning, designating the container as a distinct section of your webpage.

    maybe also use variables for the colors?

    :root {
      --primary-yellow: #f4d04e;
      --black: #111;
      --gray-dark: #6b6b6b;
      --white: #ffffff;
      --blue: hsl(228, 45%, 44%);
    }
    
  • Yago Thyerrir•180
    @Yago14
    Submitted 12 months ago

    Solução criada com Css-flexbox, grid e responsivo e menu JavaScript

    #accessibility#cube-css#animation
    1
    Amit-R328•150
    @Amit-R328
    Posted 11 months ago

    Very good! The only thing missing is the hover state CSS for the navbar links. You can add this with a simple animation in CSS:

    &::after {
        content: "";
        position: relative;
        display: inline-block;
        width: 100%;
        height: 2px;
        background-color: $White;
        transform: scale(0);
        transition: transform 0.3s ease-in-out;
        transform-origin: right;
        top: -12px;
    }
    
    Marked as helpful
  • Barak Inbal•40
    @BrkCoder
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I wrote clean code and took into consideration every css line which I wrote and also take into account which html entities to use in the right way.

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

    responsiveness of website using flexbox

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

    css

    QR code page using flexbox and css variables

    #sass/scss
    1
    Amit-R328•150
    @Amit-R328
    Posted about 1 year ago

    Perfect!

    but I'm not sure what is the use in: *, *:before, *:after { font-family: inherit; box-sizing: inherit; }

  • kirilzab•220
    @kirilzab
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    i'm proud of this work, although it's not very difficult, it's still

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

    more difficult was to place the view image in the correct position

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

    NFT page

    #sass/scss
    1
    Amit-R328•150
    @Amit-R328
    Posted about 1 year ago

    -Good use of CSS variables for maintaining a consistent color scheme across the project.

    -The * selector reset for margin, padding, and box-sizing is a good practice for consistency.

    -Media queries are well-used to adjust the card width for mobile views.

    Very good

    Maybe you can simplify the hover effect by using a single class (.overlay)

View more comments

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