Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
27
Azka
@Azkanorouzi

All comments

  • Melvin Aguilar 🧑🏻‍💻•61,020
    @MelvinAguilar
    Submitted over 2 years ago

    Single price grid component (Tailwind CSS)

    #accessibility#tailwind-css
    9
    Azka•480
    @Azkanorouzi
    Posted over 2 years ago

    Hello melvin, great solution congrats on finishing that, I am really surprised by how precisely identical your solutions are to the main design, are you using some kinda app or something to help you get the most accurate size in px? if you do please let me know, and keep it up, your work is really impressive, hope you continue this journey and never give up, good luck.

  • Lucas 👾•104,160
    @correlucas
    Submitted almost 3 years ago

    Testimonials Grid Section (Vanilla CSS + Focus Effect + Custom Design)

    7
    Azka•480
    @Azkanorouzi
    Posted almost 3 years ago

    Hello Lucas, I hope you are doing great 😃. focus effect is absolutely gorgeous👀, would you give me a hint on how to do this by myself if you don't mind?

    Marked as helpful
  • Kaan Karameşe•110
    @KaanKaramese
    Submitted almost 3 years ago

    Responsive stats preview card with pure HTML and CSS

    #accessibility
    2
    Azka•480
    @Azkanorouzi
    Posted almost 3 years ago

    hello Kaan 😀 your card's text collapses sometimes I guess you should set your card's height on auto so that it can grow depending on content inside of it , if that didn't work play around with padding between the texts a little bit, I hope it helps . nice job btw 👍

    Marked as helpful
  • Fluffy Kas•7,675
    @FluffyKas
    Submitted almost 4 years ago

    Clipboard Landing Page with Vanilla CSS

    3
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    it looks pretty nice , good job 🥳

  • Chamu•13,820
    @ChamuMutezva
    Submitted almost 4 years ago

    Tip calculator - html , sass and javascript

    6
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello chamu nice work ! I would be appreciate if you take a look at my solutions and give me your honest advice😊

  • Pramath T Singh•90
    @Halo-last
    Submitted almost 4 years ago

    Mobile first then coded for dekstop

    1
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    good job ✌️

  • Belay Adamu•90
    @BelayAdamu
    Submitted almost 4 years ago

    IP Address Tracker

    3
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    well done it is impressive !

    Marked as helpful
  • brediedis•20
    @brediedis
    Submitted almost 4 years ago

    Sunnyside agency Landing page - HTML, SCSS, JS

    1
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello you can make your tablet version as well .

  • Amara Metu•20
    @NecheyGrace
    Submitted almost 4 years ago

    Responsive page using HTML and CSS

    2
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello Amera nice work ! I have some feedbacks that might be helpful though , first you need to use <a> tag for links in footer of your solution and also you should probably use cursor : pointer for buttons .

    and at some points for small screens devices for instance at 250px width and less your icons and images become too small I think this happen because you are using relative units for your icons or images .

    I would be appreciated if you have any opinion or advice for my solutions and happy coding btw.😊

  • Vanza Setia•27,715
    @vanzasetia
    Submitted almost 4 years ago

    Order Summary Component | HTML CSS Sass

    #accessibility#lighthouse#sass/scss#bem
    4
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    good job ✌️🙌 please take a look at my solution for this challenge and let me know if you have any feedback I would be appreciate 😊 your feedback has been helpful for me last time .

    Marked as helpful
  • asadali209•115
    @asadali209
    Submitted almost 4 years ago

    Mobile First Using HTML and SCSS

    2
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    nice job

  • Muhammad Shajjar•1,100
    @muhammadshajjar
    Submitted almost 4 years ago

    huddle-landing-page with html and css

    1
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hi muhammad congratulation . it looks perfect but in my opinion you should use media query for desktop and big screen devices at about 1100px width . because when width go further than 1100 px image is too big or you can just reduce the width of you image at that point . 😊✌️

    Marked as helpful
  • Antony Njenga Muchiri•105
    @Muchiri400
    Submitted almost 4 years ago

    Desktop first using html and css and some JavaScript.

    1
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    good job it seems quite good ✌️

  • MagWeb•220
    @MagWebDev
    Submitted almost 4 years ago

    stats-preview card|| flexbox || mobile-first

    2
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello if you want to add a color overlay to your img you can create an empty div tag and give it a color and decrease opacity and after that you can increase z-index of that div so its going to appear right after the image. good luck and happy coding 😊🙌 remember that div tag must be after img

    Marked as helpful
  • Lance Martija•185
    @lancemartija
    Submitted almost 4 years ago

    Testimonials Grid Section using Sass, Grid, and Flex

    3
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    good job mate

  • Clint Maxwell•80
    @AntonioHouTX
    Submitted almost 4 years ago

    Responsive Web Site using CSS Grid

    1
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello 😊 add this line of code to have a better hover effect for buttons(replace them ) : id of your button:hover{ background : transparent; color:white; border:2px solid white; } id of your button{ transition : .5s; } also you should increase button height so its gonna be more similar . good luck mate 🙌

    Marked as helpful
  • Abhinav Maurya•65
    @abno-24
    Submitted almost 4 years ago

    Single Price Design using flex and grid

    2
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    👍💫

  • Naveen Singh•75
    @naveensing575
    Submitted almost 4 years ago

    HTML, CSS

    3
    Azka•480
    @Azkanorouzi
    Posted almost 4 years ago

    hello my friend if you notice there is a bit difference in background it looks like it does not cover all the image . I had same problem until I find out how to fix it. you can simply use img tag instead of background property and use src to import image to img tag to fix it after that you can create an empty div just after the img tag and give it a color and reduce opacity in order to give it a color overlay and you are good to go . nice work btw

    Marked as helpful
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