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

Uliana Heron

@uheron20 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Blog Card


    Uliana Heron•20
    Submitted 4 months ago

    I am not sure why my paragraph fonts look thicker than in figma. I used weight 500, as specified


    1 comment
  • Always centered QR code element


    Uliana Heron•20
    Submitted 4 months ago

    Maybe just a general idea in regards to whether I am going in the right direction, since I am not a web developer.


    1 comment

Latest comments

  • Mauricio Vargas•60
    @mauvargasz
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of achieving a clean and responsive design while keeping the CSS structured and efficient. Next time, I would focus on further optimizing the code by reducing redundancy and improving maintainability.

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

    One challenge was avoiding redundant CSS while maintaining the intended layout. I overcame this by carefully refactoring the styles, grouping common properties, and ensuring the structure remained intact without affecting responsiveness.

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

    I would appreciate feedback on optimizing the CSS for better performance, especially in terms of reducing redundant styles and improving maintainability. Also, any advice on improving accessibility or making the layout more adaptive across different screen sizes would be valuable.

    blog-preview-card-main

    1
    Uliana Heron•20
    @uheron
    Posted 4 months ago

    Looks great!

    Minor details:

    1. Your title font is different color (needs to be black and yours is yellow).
    2. In terms of improving maintainability, one of the biggest things for you to try would be to move all your styles into its own file. Then it would be way easier to maintain it as its own separate entity.
  • Queen Solomon•160
    @queen-star24
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    My commitment and dedication.

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

    no challenge encountered

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

    feedback on my work

    HTML and CSS

    #accessibility#cube-css#deno#foundation#ionic
    1
    Uliana Heron•20
    @uheron
    Posted 4 months ago

    It looks good overall but it does not match designs exactly. For example, your content is not centered and bottom margin on the card is too long. I think with some minor tweaks it would look just as designs intend. Also, it seems that your HTML file has all styling in there. I would advice to have a separate css file for your styles, so its easy to maintain.

  • Alexander96•10
    @Alex4421
    Submitted 4 months ago

    HTML,CSS

    2
    Uliana Heron•20
    @uheron
    Posted 4 months ago

    Your solution is identical to the designs. Great job!

    Two things would be good to improve:

    1. Since you removed all default styles from the browser, your image is not actually centered as a person opens the page. If I scroll down a little, then it is centered. In real life, it can cause possible issues. For example, if you have a button at the bottom of the screen, it won't be visible unless user scrolls down.

    2. This is a very simple page. However, your styling file has a lot of unnecessary complexity. If you were to come back to this code 6 months later, it would take a moment to realize what's going on there.

    Other than these 2 points, everything else is great.

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