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

All comments

  • P
    Marcelo Henriqueâ€ĸ320
    @K1dou
    Submitted about 2 months ago

    Password generator app using React, Tailwind CSS & TypeScript

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted about 2 months ago

    Amazing work, man!

  • Mohit Bhatiaâ€ĸ210
    @mohit5543
    Submitted 2 months ago

    Tip calculator app

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 2 months ago

    niceee job!

  • Calvinâ€ĸ250
    @a-2280
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    This was my first time working extensively with the DOM

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

    I had problems rendering the info but I figured it out

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

    How did I do?

    Tip Calculator

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 2 months ago

    You did it well :)

    Marked as helpful
  • Reziâ€ĸ280
    @ReziBarabadze
    Submitted 2 months ago

    Interactive rating component

    #next#typescript#tailwind-css
    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 2 months ago

    Suuuper!

  • Jaegermeistyâ€ĸ60
    @Jaegermeisty
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    Used a long time on the project. Not that it took long, but took long breaks in between. Made it a confusing project. Of the project itself, I was stunned at the simplicity of the javascript. For some reason I thought this would have advanced javascript but it wasn't. Still something to learn.

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

    They way you checked which radio input was checked was new to me and unknown before this. The solution was much easier than I imagined.

    Also unchecking the radio inputs when reloading the page was totally new and had to be searched up and learned.

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

    I know the color of the box is something of a combination of the dark blue and a lighter color. Didn't get it to work correctly so just have a plain dark blue color.

    Interactive Rating Component

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 2 months ago

    Amazing work, my friend!

  • P
    Dan Mariusâ€ĸ1,275
    @danmlarsen
    Submitted 10 months ago
    What specific areas of your project would you like help with?

    I appreciate any helpful feedback

    Mobile first, Flexbox & CSSGrid

    #bem
    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    Looks very well. Keep coding

  • P
    teempeâ€ĸ630
    @teempe
    Submitted 10 months ago

    Solution to the challenge

    #sass/scss#accessibility
    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    you are doing great job! Keep coding!

  • Alisaâ€ĸ30
    @alisaTonga
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    That's my first adaptive web. I stragle most with Css code aligning elements and trying to make it adaptive.

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

    As i told that was my first time doing it, i found youtube video and did almost the same thing.

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

    I think right now styling the web is my issue. I;m writting code but sometimes i dont complitely undersand consequences of some parts of code.

    Mobile-first solution using CSS Flex, adaptive web

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    Hello, Alisa!

    You are doing a great job!

    Here are some links which tells you more about aligning items on page.

    FlexBox: https://css-tricks.com/snippets/css/a-guide-to-flexbox

    Grid: https://css-tricks.com/snippets/css/complete-guide-grid

    Keep coding :)

    Marked as helpful
  • P
    LaStellaaâ€ĸ550
    @LaStellaa
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    This is my third "newby" project and i realized I could do some of the things much easier than the last two projects so I guess I'm proud of making progress!

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

    I guess the footer was a little bit of a challenge, as well as making the code responsive. I will keep practicing with responsiveness until I feel confident.

    Blog Card built with HTML + CSS

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    Hello, LaStellaa!

    You are doing a great job! But I noticed that you are struggling with positioning the content in the center of the page. I would recommend two options for that. You can write in main block

    Flexbox:

    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    
    

    or GRID(almost the same) :

    
    display: grid;
    place-items: center;
    min-height: 100vh;
    
    

    Both of them are good, but second is a bit shortly version.

    Also here two good links to find out more information about flexbox and grid.

    FlexBox: https://css-tricks.com/snippets/css/a-guide-to-flexbox

    Grid: https://css-tricks.com/snippets/css/complete-guide-grid

    Have a good time :)

    Marked as helpful
  • Walid Hawariâ€ĸ100
    @whawari
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    Learning more about Tailwind CSS, and learning how the box shadow property works!

    What challenges did you encounter, and how did you overcome them?
    • Adding custom local fonts. I overcame this challenge by googling and following Tailwind CSS documentation.
    What specific areas of your project would you like help with?

    It was mentioned not to use media queries in the challenge, however I used media queries to match the design. I searched on how to create responsive text without the use of media query and stumbled upon the clamp() function and the (vw, vh, vmax, and vmin) CSS units. I did not know how to exactly apply them to the design. It would be great to know how to achieve responsive text without using media queries!

    Responsive blog preview card using Tailwind CSS

    #tailwind-css
    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    Great work!

  • Tuğçe KÄązÄąldağâ€ĸ350
    @tugcekizildg
    Submitted 11 months ago

    Article_Preview_Component_HTML_CSS_JS

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 10 months ago

    I tried to find something wrong, but instead I found a way how to solve my problem with overflow:hidden :)))

    You made a great work! Keep coding!

  • Tuğçe KÄązÄąldağâ€ĸ350
    @tugcekizildg
    Submitted 11 months ago

    Meet_Landing_Page_HTML_CSS

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    Looks very similar :) Keep coding:)

  • ErrorCode710â€ĸ150
    @ErrorCode710
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    The Grid I easily finish it

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

    the layout, Trial and error

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

    If you have any suggestions on how I can improve this project, feel free to leave me a comment!

    Responsive Testimonial Grid Using BEM naming convention and Vanilla CS

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    You did it well! Keep coding :)

  • K.Sai Krishnaâ€ĸ180
    @sai2k23
    Submitted about 1 year ago

    Four-Card-Featuressection

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    I like it :)

  • Diego Alvesâ€ĸ190
    @DiegoAlvees
    Submitted 11 months ago

    responsive landing

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    Perfect work!

  • Eugeneâ€ĸ60
    @Evgeniy-Hozyainov
    Submitted 11 months ago

    Blog preview card using HTML5 and CSS

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    woooow. I like the code very much. Amazing work :)

  • Nirvik26â€ĸ30
    @Nirvik26
    Submitted 11 months ago

    CSS

    1
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    Looks very good; Great work!

  • P
    javontrlrobertsâ€ĸ20
    @javontrlroberts
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the fact that I was able to apply box-shadow to style the card. I had not used this property previously and I'm happy with the results.

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

    Learning how to apply the box-shadow property properly.

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

    None thus far but I could always use advice when it comes to making my page(es) responsive, whether naturally or via media query.

    Responsive Blog Preview Card Using A Little CSS Grid and Flexbox

    2
    P
    🔅 Yuliya 🐈â€ĸ330
    @O-Julia-O
    Posted 11 months ago

    Great job! But forgot about the border around the whole card. :)

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

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