Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
10
Akllm
@AMALK319

All comments

  • P
    163rohanreddy•220
    @163rohanreddy
    Submitted 2 months ago

    Newsletter sign-up form using HTML forms, CSS and Javascript

    1
    Akllm•160
    @AMALK319
    Posted 2 months ago

    Well Done. Good Luck!

  • P
    Kęstutis Eirošius•310
    @eirosiuss
    Submitted 3 months ago

    Article-preview-component

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well done. Good luck!

  • Erick Rodrigues•660
    @SortJakke
    Submitted 4 months ago

    NFT card with HTML, CSS and Sass

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well Done

  • dongkp96•120
    @dongkp96
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I think I am most proud of how I flipped to desktop first vs mobile first process and was able to break down the element design little by little without any excessive confusion. I think I would try not using any margin on the cards to create separation and implement grid right away. I kept getting confused of why the vertical gap between my cards were so big until I found out I had a margin-block-end on them.

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

    I think my challenge was using CSS grid, I was rusty in the area and had a little difficulty trying to position all the items. I lack fundamental knowledge of what properties were available such as using grid template area vs grid-template columns combined with grid-template rows initially and it confused me when I tried to implement it the latter. I overcame this by doing research on google and playing around with the properties.

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

    -Can someone explain how you can use grid-column and grid-row to make certain items span certain areas -Can someone explain how to make sure my project fits the screen and is not oversized or anything? Also to make sure proportions are correct with my solution. I can see that it is bulky compared to the design shown. -How to make text fill out as it is intended to for the entire space of an element?

    Testimonials-grid-section KD

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well Done

  • P
    j3dd3rs•90
    @j3dd3rs
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I managed to apply my CSS grid skills to create the grid and then adapted it to be responsive by changing the amount of columns.

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

    Getting the 1-2-1 card pattern was something I had the right idea for, but the wrong implementation at first. So after a quick search, I managed to solve that issue and get them to be as expected.

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

    Just reviewing if there was a more efficient way to do the card restructure, or if that is the best way to go about it.

    Responsive Four Card Feature - Using CSS Grid and Flexbox

    2
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well done

  • Daniel•500
    @Dani234jf
    Submitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    I needed to replace an image based on the window width, so I used a picture element to include both versions and controlled which one was displayed using a media query, as follows:

    <picture>
      <source srcset="images/image1.jpg" media="(min-width: 801px)">
      <img src="images/image2.jpg" alt="Responsive image">
    </picture>
    

    Responsive card with HTML and CSS using GRID and FLEX

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well Done!

  • Shashank Gupta•40
    @Shashank23codes
    Submitted 3 months ago

    Responsive Recipe Page

    2
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Well Done

  • Karimatwahab•100
    @Karimatwahab
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I'm so proud of myself, and I will love to appreciate frontend mentor for this great website. I would love to work on more challenging project to make me Great.

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

    I can't really say i faced any challenge on this project. i was so glad to work on it when i saw it and i did well.

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

    The CSS

    I used HTML and CSS to build the social link profile

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Good Work

  • Katherine-Kapinus•60
    @Katherine-Kapinus
    Submitted 3 months ago

    Preview card landing page using SCSS Flex

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Hey Katherine! 😊

    First off, great job on this project! I love how clean and responsive the layout is—it looks awesome on both desktop and mobile. Your use of semantic HTML makes it really easy to understand the structure, and the overall design is super visually appealing.

    Just a few small suggestion to take it to the next level:

    Hover effects: Right now, only parts of the card respond to hover. It might feel more polished if the whole card had a smooth hover effect—maybe a subtle shadow lift and color change on the title? A quick CSS transition (like transition: all 0.3s ease) would make it feel buttery smooth!

    Marked as helpful
  • kulkarni997•20
    @kulkarni997
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I've done it all by my own, so that is what I'm proud of!

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

    Umm I didn't encounter any challenges as such because it was only html and css, looking forward to learn more

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

    Nothing as such

    I've changes some of the properties for mobile view.

    1
    Akllm•160
    @AMALK319
    Posted 3 months ago

    Hi there! Great work on this solution. I really appreciate how you went above and beyond by adding thoughtful touches like the shadow effect—even though it wasn’t explicitly requested—and including responsive options.

    Marked as helpful
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