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

Fayozxon

@FayozxonSamarkand, Uzbekistan550 points

I am a junior frontend web developer & web designer.

I’m currently learning...

TypeScript

Latest solutions

  • Bento Grid using CSS Grid and Flexbox


    Fayozxon•550
    Submitted 6 months ago

    0 comments
  • Responsive Intro Section with Dropdown menus

    #bem

    Fayozxon•550
    Submitted almost 2 years ago

    0 comments
  • Multi Step Form using VUEJS

    #sass/scss#vue#bem

    Fayozxon•550
    Submitted almost 2 years ago

    0 comments
  • Room Homepage | Responsive landing page with VueJS

    #vue

    Fayozxon•550
    Submitted about 2 years ago

    0 comments
  • Responsive article preview component


    Fayozxon•550
    Submitted about 2 years ago

    0 comments
  • REST Countries App

    #vue

    Fayozxon•550
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • NaQu•570
    @NaQu2003
    Submitted almost 2 years ago

    Clipboard landing page

    1
    Fayozxon•550
    @Fayozxon
    Posted almost 2 years ago

    Hello my friend

    I see that the description text on the hero section is two lines on the design, but your is one line and really makes it difficult and uncomfortable to read.

    To solve this problem I suggest you to use the css max-width property. It does not let the element exceed the given width limit.

    For example if you set max-width: 500px the maximum width the text can reach is 500px, in this way you can easily solve the problem.

    Good luck with the future projects!

    Marked as helpful
  • Abubakar Tanko•290
    @Abubakar-Tanko
    Submitted almost 2 years ago

    Chat app illustration

    1
    Fayozxon•550
    @Fayozxon
    Posted almost 2 years ago

    Hello Abubakar Tanko.

    When I looked at your code I noticed that you used id's in css and I don't think it is best practice. I would suggest you to use id's only for javascript and classes for css.

    Good luck in your future projects.

    Marked as helpful
  • fkrunic•310
    @fkrunic
    Submitted almost 2 years ago

    Vue, TailwindCSS and GitHub Pages

    #vue#tailwind-css
    1
    Fayozxon•550
    @Fayozxon
    Posted almost 2 years ago

    Just a quick reminder: the favicon is still vite logo, i would recommend chaning it.

  • Muhammadjavohir•280
    @Muhammadjewel
    Submitted almost 2 years ago

    Responsive order summary component

    #bem
    1
    Fayozxon•550
    @Fayozxon
    Posted almost 2 years ago

    For naming variables you can use Kevin Powell's method.

    Instead of --color-primary-bg, you should write repeatitive words first, (also suggest short forms) like --clr-bg-primary or --clr-txt-secondary

    I would also suggest you to use variables not just for colors or shadows but also font sizes.

    Marked as helpful
  • Rino•340
    @Rhinozer0s
    Submitted about 2 years ago

    Responsive solution using SCSS Grid and Flexbox

    #sass/scss
    1
    Fayozxon•550
    @Fayozxon
    Posted about 2 years ago

    Hello, Rhinozer0s. Congratulations on your first project! It is great but you should adjust the size of the cards (maybe by giving some padding) and the shadow (in the design it looks softer) and also, you I suggest you using semantic elements on HTML like h3 instead of span or div for a text. Good luck on your next project!

  • Shaxboz•1,210
    @shakhboz-shukhrat
    Submitted over 2 years ago

    Dictionary web app

    #axios#react#styled-components
    2
    Fayozxon•550
    @Fayozxon
    Posted over 2 years ago

    I was also doing this project (although i don't have acces to this challenge, i copied from preview) and I am using VueJS and Bootstrap, Sass. You can find the site preview and source code on telegram: @fayozhons

View more comments

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