Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
29
R A H U L
@owlbunt

All comments

  • Omlan•110
    @omlan99
    Submitted over 1 year ago

    Three column design

    2
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Everything seems fine you can center the element by adding display :grid and pplace-items:center to body .

  • Don•380
    @eldon6219
    Submitted over 1 year ago

    social-links-profile-main using html & css

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Congratulations On Completing this challenge,

    Here are some improvements you can make like Insted of using 100vh use 100dvh to make your website more responsive.

    and you can delete all the unnecessary files which is not required after the challenge to keep your code and GitHub clean like the design folder .

    Mark This as Helpful If It's Help

    Marked as helpful
  • Addiel•370
    @addiellucena94
    Submitted over 1 year ago

    FAQ accordion responsive design

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    There are some improvements you can make like Insted of using 100vh use 100dvh to make your website more responsive.

    you can delete all the unnecessary files which is not required after the challenge to keep your code and GitHub clean like the design folder .

    you can add a js function which allows you to open a single question at a time close the others for reference you can checkout my code.

    Mark This as Helpful If It's Help

    Marked as helpful
  • gmenesesdev•40
    @gmenesesdev
    Submitted over 1 year ago

    Order summary component solution with flexbox and grid

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    There are some improvements you can make like Insted of using 100vh use 100dvh to make your website more responsive. and you can delete all the unnecessary files which is not required after the challenge to keep your code and GitHub clean like the design folder .

    Mark This as Helpful If It's Help

    Marked as helpful
  • Ammar•80
    @xiAvalon
    Submitted over 1 year ago

    nft-preview-card-component

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    There are some improvements you can make like Insted of using 100vh use 100dvh to make your website more responsive. And to center a <div> you can also use display:grid; place-items: center; . and last you can delete all the unnecessary files which is not required after the challenge to keep your code and GitHub clean like the design folder .

    Mark This as Helpful If It's Help

    Marked as helpful
  • asaga22•60
    @asaga22
    Submitted over 1 year ago

    Results summary component using Flexbox, Javascript, jQuery

    2
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Design Seems Good And Ig We can reduce the use of js where things can be done using html and css only to increase the page speed which also effect in SEO and also you don't have to add fonts additionally there is an font folder which includes required fonts in assets folder.

  • Thulasinath•10
    @iamthulasinath
    Submitted over 1 year ago

    QR code component

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Designs are not similar at all try again and check the design folder and try if you find any difficulty ask me anytime. 😊

  • socketgut•20
    @varadpal
    Submitted over 1 year ago

    Blog Preview Card

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Ah, nice try! Please make it responsive for mobile devices as well. Additionally, center it by using display: grid; place-items: center; with 100dvh and 100dvw on the body.

  • jcfrancisco17•10
    @jcfrancisco17
    Submitted over 1 year ago

    QR code using Tailwind CSS

    #tailwind-css
    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Everything Is fine Just make it little bigger 🤏

  • Ben•20
    @Gudelis
    Submitted over 1 year ago

    FAQ Accordion

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Everything is fine and i checked that you added a function which allows to open only question at a time and that's good only make it responsive for mobile device otherwise perfect. 🤗

    Marked as helpful
  • BirdBird•30
    @birdbirdmurmur
    Submitted over 1 year ago

    blog-preview-card (only html/css)

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Congratulations 🎉 on completing this challange.

    I have some suggestions for you 📌

    1. Always use dvh and dvw instead lf vh and vw for height and width property like this 100vh > 100dvh

    2. Delete Unnecessary Files After Completing the challenge like design folder to keep your GitHub clean

  • Riccardo Carzaniga•140
    @ironest
    Submitted over 1 year ago

    Flexbox, Media Queries

    3
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Use dvh and dvw instead of vh and vw to make more responsive

    Marked as helpful
  • Kseylo•240
    @Kseylo
    Submitted over 1 year ago

    Results summary using html, tailwindcss and js

    #tailwind-css#vite#typescript
    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Seems perfect just use 100dvh instead of 100vh to make it more responsive also if you like to share how you add those border in corners only. thanks

  • Djengis05•30
    @DarkGamerXDOFF
    Submitted over 1 year ago

    Basic blog preview card with basic frontend tools

    3
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    Well , you don't need to make pixel perfect it's all about learning here so do your best and keep going 😉

  • Umutcan Kocamış•160
    @umutcankocamis
    Submitted over 1 year ago

    Results Summary

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    You did well if you improve it little bit it would be better otherwise perfect it's all about learning here 😉 . tip : Use 100dvh instead of 100vh to make it more responsive

  • Luiz Otavio de Oliveira Nogueira•40
    @Luiz0tavi0
    Submitted over 1 year ago

    Componente Sumário usando Javascript Webcomponents

    #web-components#fetch
    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    It seems like you didn't complete this challenge. Did you get stuck somewhere? or need any help?

  • CaceresCallieri•360
    @CaceresCallieri
    Submitted over 1 year ago

    React with JS for data.json

    #react
    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    you did it perfectly but there are some issues you can improve, total score circle is not complete circle and also use 100dvh instead of 100vh same goes to width this will make your page more responsive.

  • Sileniz•30
    @Sileniz
    Submitted over 1 year ago

    FAQ accordion | FlexBox

    1
    R A H U L•360
    @owlbunt
    Posted over 1 year ago

    You can try to implement a js function which allows only 1one question to be opened at a time so when you open another question it disable the previous one in this way you can make more responsive websites and save spaces.

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