Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
21
fa23bcs233
@fa23bcs233

All comments

  • Stefano Lezzi•350
    @Steno-95
    Submitted about 2 months ago
    What specific areas of your project would you like help with?

    Better way to make those blue backgrounds responsive, i did it using ::after pseudo-class and absolute position but had to adjust them everytime i added a query to the parents element.

    Bookmark Responsive Landing Page with react and tailwindcss

    #react#tailwind-css
    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 days ago

    Good Work :)

  • MEHNOOR SHAHBAZ•720
    @Mahnoor366880
    Submitted 5 months ago

    RESPONSIVE ROOM HOMEPAGE using HTML CSS and JS

    #accessibility#pure-css#typescript#semantic-ui
    1
    fa23bcs233•350
    @fa23bcs233
    Posted 8 days ago

    You build the page with accuracy but the problem is with the text you should hide the currently inactive text you can try setting is opacity to 0 and turning off the pointer events. Else you work is excellent

  • Binh05•420
    @Binh05
    Submitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    I've become more proficient with CSS Grid and can now come up with layout ideas and handle structure much more effectively. However, I’m still facing some challenges when it comes to responsive design.

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

    I would appreciate any tips to improve my responsive design skills — especially regarding font-size, padding, margin, width and height, as well as best practices for handling images and respecting the user's root font-size settings.

    loopstudios landing page HTML CSS JS

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 14 days ago

    Nice Work however I guess you are troubling with the gird as did I you can justify-content: space-between on the grid to make it take the whole width. Rest of you work is impresive at least for me.

  • rivojiddin•720
    @rivojiddin792
    Submitted 2 months ago

    NFT preview card component

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 17 days ago

    nice work

  • Maria Camila Montilla Orozco•380
    @MariaCMontO
    Submitted 19 days ago

    Ecommerce product page with HTML, CSS and JS

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 18 days ago

    Nice Work

  • Tonye Hugo Onuoha•600
    @Tonye-Onuoha
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of my ability to complete the project, and I would take extra time to plan the markup structure and design approach for my next project before I begin styling.

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

    Due to inadequate planning, I ended up stressing myself more than I should have. Regardless, I was a able to get the job done.

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

    None that I can think of right now, however I am open to any sort of feedback on my work.

    News-Homepage Solution

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Put some effort on the margin and paddings etc and you will achieve your goal as everything is already well arranges and in the place :)

  • Mahak•380
    @Mahakprajapati
    Submitted 10 months ago

    contact-form-main

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Nice Work

  • P
    Diu Gach•460
    @DevDiu071
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Had the opportunity to practice accessibility and used Framer motion for the first time.

    FAQ component

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Just the adjust the margin around the heading to make it exact match.

  • Saima Ahmed Sial•1,220
    @saimasial-bit
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of helping users solve problems efficiently and creatively.

    Next time, I’d focus more on guiding deeper learning and best practices.

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

    I faced challenges with CSS responsiveness and JavaScript functionality. To overcome them, I used Flexbox/Grid for layout fixes, media queries for responsiveness, and debugging tools like DevTools and console logs to resolve JavaScript issues.

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

    I can help with UI/UX improvements, code debugging, and performance optimization. If you're using React, Vue, or vanilla JS, I can assist with best practices and API integration. Let me know your specific challenge, and I'll guide you!

    interactive-rating-component

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    You can make the project more appealing if you use the sperate containers for the form and msg and apply the text-align: center to only the second container. Also work on adjusting the margins of the nodes. Hope it would be helpful. Overall work is appreciated.

  • amir mirzakhani•170
    @amir-mirzakhani
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    .

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

    .

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

    .

    js

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Great Work

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

    I am most proud of my approach, because I had started doing mobile design first and switching to desktop, using media queries took me just a few lines of code and few minutes.

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

    Biggest challange was fetching data from .json file and come up with what logic I should use to approach this.

    time-tracking-dashboard using JS HTML CSS

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Your efforts on the project are appreciate you might have not developed the desktop view of the page work on it hopefully you will get it structured soon

  • Luis Santiago•130
    @luissrsan
    Submitted 8 months ago

    Newsletter

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 3 months ago

    Appreciate you efforts on the challenge. You need to sizing of the elements and work to be done on the margin with some little more efforts you will be close to finish the challenge.

  • Calvin•250
    @a-2280
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Im so happy I was able to figure out the javascript on my own.

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

    I feel like the problems I had were with absolute positioning but I fixed it with trial and error.

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

    This is my first time writing Javascript. How did I do?

    Article Preview Component

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 4 months ago

    Good Work Just add the shadow to the article component

  • ValenBytes•180
    @valen-webd
    Submitted 4 months ago
    What specific areas of your project would you like help with?

    I'm pretty happy with how this turned out! But if you notice anything that could be improved, feel free to let me know!

    Maybe I could write some parts of my code cleaner? 🤔️

    Testimonials Grid Section Solution

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 4 months ago

    You just need to position the grid correctly in the center of the screeen. Overall, you work is well done

  • n.Philbert•100
    @nik-p12
    Submitted 4 months ago

    Four card feature section master

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 4 months ago

    Nice Work But you need to change the background to the correct one and also some work is needed on the font stylings

    Marked as helpful
  • P
    pietrodev01•260
    @pietrodev01
    Submitted 4 months ago

    Product Preview Card

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 4 months ago

    Nice Work No it look you have the same problem as of mine with the iamge. I gave the the height to the container of the image and then added that to the image as well and set the object-fit property to cover in this image will take the whole height.

  • Jade E Lopez•180
    @jadeli1720
    Submitted 4 months ago

    Recipe page solution using CSS rem units of measurement

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 4 months ago

    Good Work But I think Like mine solution you also are facing problem with corrent margins

  • Lucas•90
    @LucasLeitePereira
    Submitted 5 months ago

    Landing page using flexbox

    1
    fa23bcs233•350
    @fa23bcs233
    Posted 5 months ago

    Your Links button a little smaller than the actual design overall it seems a good work

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

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