Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
21
P
🔅 Yuliya 🐈
@O-Julia-O

All solutions

  • Responsive Password Generator


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted about 2 months ago

    1 comment
  • Responsive Tip Calculator using flexbox and grid


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 2 months ago

    1 comment
  • Interactive rating component solution | Responsive |


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 2 months ago

    I’d like to get more confident with structuring JavaScript code for better readability and scalability — for example, organizing functions, separating logic, or even using modules.
    I'm also curious about best practices for accessibility (a11y), especially when building interactive components like buttons and forms.

    In addition, I’d love feedback on how to improve my CSS organization — maybe using BEM more consistently or learning when it's a good idea to switch to utility-first frameworks like Tailwind.


    1 comment
  • Responsive Skilled Learning landing page


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 2 months ago

    0 comments
  • Responsive NFT Preview Card Pure css html


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 9 months ago

    0 comments
  • Responsive Time-tracking-dashboard Vanilla

    #accessibility#bem

    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    I need help with grid layout and also with the JS code. Did I place the styles correctly, and is my JS code clear? What can I improve?


    2 comments
  • Responsive newsletter signup form with success message

    #accessibility#bem

    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    Any comments will be useful :)


    2 comments
  • Responsive results summory component vanilla html css

    #accessibility

    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    1 comment
  • Responsive Profile Card Component HTML CSS


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    2 comments
  • Responsive order summary component html css


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    Did I use BEM correctly? If no, what should I change? How about responsiveness? Does it readable for you? If no, please, share you opinion!

    Any feedbacks are important! :)


    2 comments
  • Responsive Article preview component


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 10 months ago

    I need help with creating the message share. How did you guys created in your project? Have you used clip-path? Or you just downloaded the message picture and put in html?

    Also I'm still struggling with positioning, how can I improve it ?

    Also I had problem with border-radius, i did it for block div "content", and added overflow:hidden, but it cut the message "share", so I deleted it. I added left border-radius to picture and deleted overflow: hidden. Please, share your experience, how did you solve this problem?


    2 comments
  • Meet landing page html css


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    Hi everyone ✋

    Feedback on my website's layout and suggestions for improvement

    I would appreciate your feedback on both its layout and the usage of HTML tags. I'm particularly interested in whether I've used the correct tags for structuring content and any suggestions for improving the layout.

    What a better way to put the circle with number

    How better to place the image with faces

    I used a div block and css background-image for that, but I'm interested in knowing if there is a better way to place it on a webpage.

    Here is a snippet of the code I'm using:

    HTML:

    CSS:

    .image_faces {
        background-image: url("./assets/tablet/image-hero.png");
        width: 100%;
        height: 200px;
        background-size: 120%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    

    Please help with naming blocks and elements in HTML.

    Thanks a lot in advance:) Any feedback is important :)


    4 comments
  • Responsive Testimonials grid section


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    Any feedback would be helpful :)


    2 comments
  • Responsive four card feature section css html flexbox grid


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    I need help with colorful borders, if you know how to solve it, please, message me :)


    1 comment
  • Responsive HTML CSS GRID FLEXBOX


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    for me important how clear code is and how readable. So any comments would be nice about it. Also for important how responsive it is, and how could I improve the responsiveness.


    1 comment
  • mobile responsive, css, html, flexbox, mobile first

    #accessibility

    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    I would like to find out your opinion about my code and how to improve it. It would be so nice from you. Thanks in advance for your help :)


    1 comment
  • Responsive Social page, flexbox


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    1 comment
  • flexbox, mobile first workflow


    P
    🔅 Yuliya 🐈â€ĸ330
    Submitted 11 months ago

    1 comment
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

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