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

Maciej

@dreamspicePiła280 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

  • Rest Countries by dreamspice


    Maciej•280
    Submitted over 2 years ago

    0 comments
  • Tip calculator app


    Maciej•280
    Submitted almost 3 years ago

    0 comments
  • Interactive card details form


    Maciej•280
    Submitted almost 3 years ago

    0 comments
  • IP Address Tracker


    Maciej•280
    Submitted almost 3 years ago

    0 comments
  • Expenses-chart-component

    #tailwind-css

    Maciej•280
    Submitted almost 3 years ago

    0 comments
  • Advice Generator


    Maciej•280
    Submitted about 3 years ago

    0 comments
View more solutions

Latest comments

  • Aminul•190
    @jordan369639
    Submitted over 2 years ago

    Html,css,js

    2
    Maciej•280
    @dreamspice
    Posted over 2 years ago

    Git add, Git commit, Git push

    Only this. And generator new report on this site.

  • Aminul•190
    @jordan369639
    Submitted over 2 years ago

    Html,css,js

    2
    Maciej•280
    @dreamspice
    Posted over 2 years ago

    Nice !

    How do u implement functionality: ex. type 'pol' and country starts with 'pol' render without submit form? I need to check your code.

    U can filter countries from A-Z, with filter method:

    state.data.sort(function (x, y) { let a = x.name.toUpperCase(), b = y.name.toUpperCase(); return a === b ? 0 : a > b ? 1 : -1; });

    Also add alt attribute to all flag images, close everything in semantic elements, ex. <header></header>, <main></main>, and add aria-labelledby, aria-label and label for select el.

    Marked as helpful
  • Vitor Henrique•60
    @Vitor-HenriqueAS
    Submitted almost 3 years ago

    Order summary component

    2
    Maciej•280
    @dreamspice
    Posted almost 3 years ago

    U can easily change svg color in Figma. Nice work, code looks good :)

  • Maciej•280
    @dreamspice
    Submitted over 3 years ago

    Sunnyside agency landing page

    #sass/scss
    4
    Maciej•280
    @dreamspice
    Posted over 3 years ago

    Hi, thank you for reply.

    Mmmm...

    U use this div because i can't add white padding for text but i can do it now.

    Ok, then this <h1>We are creative</h1> item should be outside this div?

    <header> <h1>...</h1> </header>

    not

    <header> <div class="header-text> <h1>..</h1> </div> </header>
  • Maciej•280
    @dreamspice
    Submitted over 3 years ago

    Sunnyside agency landing page

    #sass/scss
    4
    Maciej•280
    @dreamspice
    Posted over 3 years ago

    I will check it later. Thank you.

    Font's for <p>, <a> doesn't work because i forgot to import font-weight: 400, in style guide i found only 600 / 700, 900.

  • maksat•20
    @maksat07
    Submitted over 3 years ago

    sunnyside with html css js

    #accessibility
    1
    Maciej•280
    @dreamspice
    Posted over 3 years ago

    Hi, nice work.

    Desktop version is nice.

    I see some accesibility issues (img alt=""), heading and with semantic tag. Use <nav> tag instead of <div class="nav">.

    For mobile version try set min-height for a few containers.

    All the best :)

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