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

Ali Akbar Qasimi

@Ali-Akbar-Qasimiin middle east850 points

i am a front end developer already know: react , html , css , javascript

I’m currently learning...

improving my self in frontend development better and faster with cleaner code

Latest solutions

  • done this challenge using scss, js, html

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted about 2 years ago

    0 comments
  • done this challenge using sass, javascript, html, media query,

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted about 2 years ago

    0 comments
  • done this challenge using scss html

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted about 2 years ago

    0 comments
  • done this challenge using scss, js , html and media query

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted about 2 years ago

    1 comment
  • huddle-landing-page-with-curved-sections-master

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted over 2 years ago

    0 comments
  • completed this challenge using scss(sass), html,js

    #sass/scss

    Ali Akbar Qasimi•850
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • HamidQasimi•80
    @HamidQasimi90
    Submitted over 2 years ago

    CSS and HTML

    1
    Ali Akbar Qasimi•850
    @Ali-Akbar-Qasimi
    Posted over 2 years ago

    Hello my dear brother,

    This is very good I am proud of you.

    Marked as helpful
  • Ehsan Qasimi•460
    @ehsanqasimi
    Submitted over 2 years ago

    bookmark landing page solution

    #sass/scss
    1
    Ali Akbar Qasimi•850
    @Ali-Akbar-Qasimi
    Posted over 2 years ago

    very good. This is a very hard challenge. It is wonderful. Try writing cleaner code not trowing a bunch of code. It is not based on the amount of code you write it is based what you code does. anyway you did your best. mashallah my brother.

  • John Andrey Galingan•180
    @johnrookie-coder
    Submitted about 3 years ago

    Responsive Advice Generator using HTML, CSS and JavaScript

    2
    Ali Akbar Qasimi•850
    @Ali-Akbar-Qasimi
    Posted about 3 years ago

    first of all you did a great work

    you can make a function that fetch the advice and on the dice listen for a click and run the function that fetch the advice , that way you are not suppose to reload the page , and at the first line of your code you can call that function so that the advice will be fetched at the first also.

    getNewAdvice()

    let dice = document.querySelector('.dice') let header = document.querySelector('.header') let advice = document.querySelector('.advice')

    dice.addEventListener('click',()=>{ getNewAdvice() })

    async function getNewAdvice(){ let response = await fetch('https://api.adviceslip.com/advice') let data = await response.json() console.log(data) header.textContent = 'Advice #' + data.slip.id advice.textContent = data.slip.advice }

    this is how i made it, hope it helped you.

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