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

Maryam

@Maryam1982260 points

Planning to be a freelancer,interested in web development.

Latest solutions

  • Bookmark landing page

    #tailwind-css

    Maryam•260
    Submitted 10 months ago

    Maybe with customization of tailwindcss which I spent quite a while on.


    1 comment
  • Responsive Room homepage

    #sass/scss#bem

    Maryam•260
    Submitted 10 months ago

    Both in layout and Carousel.


    1 comment
  • Responsive landing page using SCSS

    #sass/scss#bem

    Maryam•260
    Submitted 11 months ago

    Maybe with how to organize SCSS files.


    1 comment
  • Responsive NFT preview card

    #bem

    Maryam•260
    Submitted 11 months ago

    It was just an easy project the challenge and how I managed to solve is mentioned above.


    1 comment
  • Responsive Countdown with HTML/CSS/JavaScript


    Maryam•260
    Submitted 11 months ago

    I think the flipping part, as i spent the most time on this part.


    0 comments
  • Responsive comment section with CSS grid and React.js

    #react

    Maryam•260
    Submitted 12 months ago

    Both layout and functionality. I used React.j and I'm sure this would be much complicated with vanilla JavaScript.


    0 comments
View more solutions

Latest comments

  • tortaruga•790
    @tortaruga
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    i'm proud that i finally managed to finish it! and it doesn't look too bad! i feel like i climbed mount everest! i think the html is a bit messy though, and i think i could make the js more DRY, so next time i'd focus on that.

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

    i had trouble with tailwind at the start, but after spending so much time on this project i think I'm starting to get better.

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

    any feedback is welcome

    landing page with tailwind css

    #tailwind-css
    1
    Maryam•260
    @Maryam1982
    Posted 10 months ago

    Hi You did a great job and specifically on responsiveness. Just small details like left aligning your text on features section and removing rounded ages from the left of the rectangle under illustration and changing the border color from white to red for "Contact Us" section would make your project perfect :)

    Marked as helpful
  • Yejin Han (한예진)•270
    @Yejin-Han
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I tried to subdivide the scss file. But there are not many styling contents, so I don't think I'll need it for a side project like this.

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

    There is an unknown margin on the .swiper-slide using picture, img tags. I wandered around because I couldn't check it in the DevTools, but it was solved by giving the vertical-align value as top/middle rather than baseline as the default value of the inline tag.

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

    I just want you to do it if there's anything to point out in general. Also, please let me know how many hours would be appropriate to make this kind of page.

    Room homepage

    #bem#oocss#sass/scss
    1
    Maryam•260
    @Maryam1982
    Posted 10 months ago

    You did a great job for Carousel and responsive layout. I liked the timing for changing the text and images better than what i myself did. To make it even better I think you can decrease logo/nav-items margin as they seem too low. Also distance between your CTA (shop now) and navigation buttoms is too little.

    Marked as helpful
  • fnpassong•160
    @fnpassong
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I really liked the button that is located in different places in a section depending on the width of the screen,

    LoopStudio Challenge

    #react#sass/scss
    1
    Maryam•260
    @Maryam1982
    Posted 11 months ago

    Hi Unfortunately it's not working there is 404 error in console.

  • Diogo Henrique•180
    @diogohrq
    Submitted over 2 years ago

    NFT Card preview using Flexbox.

    #bem
    1
    Maryam•260
    @Maryam1982
    Posted 11 months ago

    I was not able to view the code page since they were not available.

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