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

Ana Is Writing Code

@anaiswritingcode90 points

Welcome to my profile! I aspire to be a front-end developer with basic back-end knowledge. I enjoy adding a personal touch to Frontend Mentor designs. ✨

I’m currently learning...

I work with HTML, CSS, JavaScript, Git, GitHub, Bash and React. I'll learn Java, NodeJS, ExpressJS and SQL soon.

Latest solutions

  • 🌊 Ocean theme | Social links profile

    #accessibility#bem

    Ana Is Writing Code•90
    Submitted 12 months ago

    Any alternate ways of making the layout are welcome, I used display: grid pretty much everywhere.


    1 comment
  • 🌲 Forest theme | Testimonials grid section

    #bem#accessibility

    Ana Is Writing Code•90
    Submitted about 1 year ago

    Using background-attachment: fixed caused an empty bar at the bottom when scrolling down on mobile. Despite searching extensively, I couldn't find a fix, so I had to disable fixed on mobile and use scroll instead.


    1 comment
  • Responsive four card feature section solution

    #animation#bem

    Ana Is Writing Code•90
    Submitted about 1 year ago

    I'd be interested in seeing different approaches to this challenge that contain less CSS.


    1 comment
  • Responsive & accessible product preview card component solution

    #accessibility#bem#animation

    Ana Is Writing Code•90
    Submitted about 1 year ago

    I'm curious about the distinct behaviors of the body and html tags if anyone has resources about them!


    1 comment

Latest comments

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

    Thanks

    Four card feature section

    1
    Ana Is Writing Code•90
    @anaiswritingcode
    Posted about 1 year ago

    Nice work!

    The only suggestion I have is to alter the shadow of the cards to better reflect the color of the original design. Happy coding!

    Marked as helpful
  • Niloy Das•250
    @NiloyDas07
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I used rems to make sure that the card and everything in it can be easily scaled up and down in size.

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

    It was easy.

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

    Nothing particular. Any feedback is appreciated.

    Responsive Component

    2
    Ana Is Writing Code•90
    @anaiswritingcode
    Posted about 1 year ago

    Great solution! I like your approach to the CSS and the semantic HTML markup.

    If I had to say something, I'd suggest having a complete CSS reset to avoid possible unexpected behaviors, but everything looks good nonetheless. Keep up the good work!

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