Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
94
Nikola D
@NikolaD93

All comments

  • Nikola D•1,530
    @NikolaD93
    Submitted over 2 years ago

    Huddle Landing Page

    #react#tailwind-css#vite
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Almost forgot 😁 , I also made a video preview of the project on my YouTube channel, check it out 👇

    Click here to watch the video

  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Huddle landing page with curved sections using html and css

    #accessibility#lighthouse
    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    👋 Well done my friend. Looks amazing! 🌟

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Huddle landing page using html and css only

    #accessibility
    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    Put all your footer social icons in an unordered list - <ul></ul> tag, then in list - <li></li> tags, which then have <a></a> tags. 👇

    https://www.w3schools.com/html/html_lists_unordered.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Single price grid component using html and css only

    #accessibility
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Well done my friend, just keep on practicing and improving your skills. 👌👌

    Try to do some harder challenges, you've mastered newbie 😁😁✌

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Social proof using html and css only

    #accessibility
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello my friend! 👋

    Congrats for completing the challenge! Everything looks great and the code is clean, just keep up with the good work! 🙌

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Profile card using html and css only

    #accessibility
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! Everything looks great and the code is clean, just keep up with the good work! 🙌

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Betelhem kirub•150
    @klassno3
    Submitted over 2 years ago

    Responsive landing page using flex box

    #tailwind-css
    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    2.You can put all of your element in one parent container with a <main></main> tag.That represents the use of semantic HTML, which is more descriptive and SEO friendly.

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    3-column card using html and css only

    #accessibility
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! Everything looks great and the code is clean, just keep up with the good work! 🙌

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • AKASH VERMA•50
    @akash4102
    Submitted over 2 years ago

    responsive product card using css grid and media queries

    3
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.You can do some reset CSS styles. By resetting your styles, you avoid defaulting to the browser’s built-in styles, which differs from browser to browser. 👇

    You can reset styles like this, just write the following code in the CSS file:

    • { margin: 0; padding: 0; box-sizing: border-box; }

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • AbdulRhman•270
    @Abdo-al-R
    Submitted over 2 years ago

    Stats preview card using html and css only

    #accessibility
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • tizerk•240
    @tizerk
    Submitted over 2 years ago

    Product Preview Card Component using Vanilla HTML and CSS

    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! Everything looks great and the code is clean. 🙌

    One tiny suggestion, you can put all of your element in one parent container with a <main></main> tag, instead of putting it in a div .design-container. That represents the use of semantic HTML, which is more descriptive and SEO friendly.

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Jessica Bolser•30
    @BuluBerry
    Submitted over 2 years ago

    QR Code Component using HTML and CSS

    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    Yes your solution is good well done, I have a suggestion 👇

    To center the container use display:flex; justify-content:center; align-items:center.

    Here are some other ways to center a div or text 👇

    Center a div or text

    Happy holidays! 🎉✌

  • Muxammed•300
    @MuxammedL
    Submitted over 2 years ago

    QR Code Component Main

    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

  • Ryan Hemrick•290
    @Ryan-Hemrick
    Submitted over 2 years ago

    Basic HTML & CSS approach - first Flexbox project

    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    The code looks clean and the design is great, looks like you still got it!

    I would just not leave the product__image div empty however, but I can see you added an image in CSS later, which is not bad also.

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Rajko Radojkovic•220
    @RMI11
    Submitted over 2 years ago

    Frontend_Mentor_nft-preview-card

    3
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    The code looks clean and the design is great!

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Ari Griggs•270
    @nevercanon
    Submitted over 2 years ago

    Product Preview Card Second Attempt

    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Rajko Radojkovic•220
    @RMI11
    Submitted over 2 years ago

    Blogr_Landing_Page

    #react#tailwind-css
    2
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! 🙌

    I have a suggestion for you:

    1.Make sure to write some description on all of your images in the alt attribute. 👇

    https://www.w3schools.com/tags/att_img_alt.asp

    Hope this was helpful for you!

    Happy holidays! 🎉✌

    Marked as helpful
  • Adithya•80
    @Adithya2907
    Submitted over 2 years ago

    Responsive product preview card

    1
    Nikola D•1,530
    @NikolaD93
    Posted over 2 years ago

    Hello there! 👋

    Congrats for completing the challenge! Everything looks great and the code is clean. 🙌

    One tiny suggestion, you can put your CSS file in one folder named public, that's the best practice.

    Hope this was helpful for you!

    Happy holidays! 🎉✌

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