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

Elizabeth Sotomayor

@elizabethrsotomayorOklahoma230 points

Hi! I'm Elizabeth, a web developer and user advocate from Oklahoma City, OK. I love all things product and design, and am constantly looking to upskill. In my spare time I enjoy riding my scooter with my dog, reading fantasy novels, and crafting. Let's connect!

I’m currently learning...

At present I am learning React.js and JavaScript DSAs.

Latest solutions

  • React.js Responsive Mortgage Calculator App

    #react#vite

    Elizabeth Sotomayor•230
    Submitted 9 months ago

    I would like help with rendering custom error states as shown in the mockup. I made the input fields required but aside from that it doesn't change the color of the labels when a field is empty.


    1 comment
  • Responsive Product List with Cart using CSS Grid/Flexbox/JavaScript

    #accessibility

    Elizabeth Sotomayor•230
    Submitted 9 months ago

    I would like help with the use of the Document Fragment. In my project, I reused a Fragment twice to create the items in the cart and order confirmation and I am wondering if this is a common practice to reuse the Fragment. I feel like when each item is dynamically created my code looks a bit repetitive with the use of createElement and setAttribute for each item so I'm wondering if there's a better/cleaner way to go about populating the cart/order confirm modal.


    0 comments
  • FAQ accordion card component made with vanilla JS and flexbox

    #accessibility

    Elizabeth Sotomayor•230
    Submitted almost 2 years ago

    0 comments
  • Responsive age calculator app using vanilla JS and flexbox

    #accessibility

    Elizabeth Sotomayor•230
    Submitted almost 2 years ago

    0 comments
  • CSS flexbox responsive card component

    #accessibility

    Elizabeth Sotomayor•230
    Submitted almost 2 years ago

    2 comments
  • Responsive

    #accessibility

    Elizabeth Sotomayor•230
    Submitted about 2 years ago

    1 comment
View more solutions

Latest comments

  • eslamwaleed1•20
    @eslamwaleed1
    Submitted almost 2 years ago

    HTML - CSS

    #accessibility
    2
    Elizabeth Sotomayor•230
    @elizabethrsotomayor
    Posted almost 2 years ago

    Your solution looks great! One suggestion I have would be self-hosting your fonts using google-webfonts-helper rather than downloading fonts, which will allow your site to be more stable in case the link doesn't work for whatever reason. Also, you can use an aria-label for the h1 you have rather than making a whole separate class for it. One more thing, I think your main section needs to have a role. See here. I hope this helps!

    Marked as helpful
  • dupakarovsky•280
    @dupakarovsky
    Submitted over 2 years ago

    News homepage // [SCSS / Vanilla JS]

    #sass/scss
    1
    Elizabeth Sotomayor•230
    @elizabethrsotomayor
    Posted over 2 years ago

    Your solution looks nice! I like the hover effect for the links. I'm not familiar with SCSS but the only things I can think of would be to make the links at the top darker and the "new" link headings bolder. Also maybe make the "read more" link a little bit larger with less margin so everything lines up. Great 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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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