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

FR-UX-EN

@FR-UX-EN110 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

  • Responsive newsletter sign-up

    #sass/scss#accessibility

    FR-UX-EN•110
    Submitted 3 days ago

    0 comments
  • Responsive article preview component

    #accessibility#sass/scss#animation

    FR-UX-EN•110
    Submitted 4 days ago

    1 comment
  • Responsive testimonials grid section

    #sass/scss

    FR-UX-EN•110
    Submitted 7 days ago

    0 comments
  • Responsive four cards

    #sass/scss

    FR-UX-EN•110
    Submitted 7 days ago

    1 comment
  • Responsive card component with mobile-first approach


    FR-UX-EN•110
    Submitted 11 days ago

    2 comments
  • Responsive recipe page with responsiveness


    FR-UX-EN•110
    Submitted 12 days ago

    0 comments
View more solutions

Latest comments

  • Tetiana•390
    @TetianaAleks
    Submitted about 1 month ago
    What specific areas of your project would you like help with?

    I’d really appreciate constructive feedback.

    Newsletter sign-up form with success message

    #bem
    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 3 days ago

    Awesome work! It's interesting you used Angular's Reactive Forms.

  • P
    Leonard Cohen•180
    @lenny131
    Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    The sharing controls (div with "SHARE" text and social media buttons) would be a good candidate for a reusable component.

    Article Preview Component with Sass

    #sass/scss
    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 4 days ago

    Looks awesome!

  • nerdynischal•120
    @nerdynischal
    Submitted 14 days ago
    What are you most proud of, and what would you do differently next time?

    I normally use flexbox for pretty much anything so using grid was a good exercise to get a better understanding of the concept, and also saw its use cases for future projects where a more concrete layout is required.

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

    I missed the quotation mark in desktop view at first but it was pretty easy with absolute positioning. Also, the design might not be 100% accurate since I do not have access to pro/Figma file so just eyeballed everything.

    Responsive testimonial cards using CSS Grid

    #sass/scss
    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 6 days ago

    Good job! While reading your answer, I realized that I also forgot the quotation mark! thanks for the reminder haha

  • Victor Nicodemos•60
    @nicodemoos
    Submitted 9 days ago
    What are you most proud of, and what would you do differently next time?

    I learned with this project how to use the CSS grid, I got lost a few times trying to use it, but it's always good to try something new.

    Aprendi com esse projeto como usar o CSS grid, me perdi algumas vezes tentando usá-lo, mas é sempre bom tentar algo novo.

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

    The CSS grid and templates are quite confusing at first time, but with practice and lots of mistakes you'll eventually get the hang of it.

    O CSS grid e seus templates são um pouco confusos no começo, mas com prática e alguns erros você acaba pegando o jeito.

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

    CSS grid Template

    FOUR CARDS

    #sass/scss#pure-css
    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 7 days ago

    Good job! Looks like some colors should matched the design file but besides that everything looks fine!

  • Shakiba•110
    @Shakiba-Alipour
    Submitted 12 days ago
    What challenges did you encounter, and how did you overcome them?

    I had some challenges with setting different sources for <img/> in different screen sizes. I searched a little and I used <picture> element to reach the goal. Additionally, I found out that @font-face only works with actual .woff or .ttf font files. So, when you want to link a font file to your project with its url, you must use <link> in the html file

    Product Preview Card Component

    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 11 days ago

    Good job!

  • tanazenia•10
    @tanazenia
    Submitted 18 days ago

    recipe page

    1
    FR-UX-EN•110
    @FR-UX-EN
    Posted 12 days ago

    Good job! Although some texts need to be bold but nice work!

View more comments
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