Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Desktop design screenshot for the Advice generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
  • API
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


ɪ ᴀᴍ ᴇxᴄɪᴛᴇᴅ ᴛᴏ sʜᴀʀᴇ ᴀ ᴘʀᴏᴊᴇᴄᴛ ɪ'ᴠᴇ ʙᴇᴇɴ ᴡᴏʀᴋɪɴɢ ᴏɴ – ᴀ ʀᴀɴᴅᴏᴍ ᴀᴅᴠɪᴄᴇ ɢᴇɴᴇʀᴀᴛᴏʀ ᴀᴘᴘ.

ғᴇᴇʟ ғʀᴇᴇ ᴛᴏ ᴇxᴘʟᴏʀᴇ ᴛʜᴇ ᴄᴏᴅᴇ, sᴜɢɢᴇsᴛ ɪᴍᴘʀᴏᴠᴇᴍᴇɴᴛs, ᴏʀ ᴀᴅᴅ ɴᴇᴡ ғᴇᴀᴛᴜʀᴇs. 👍🏻

ʜᴀᴘᴘʏ ᴄᴏᴅɪɴɢ! 💻

{ ᴅʜᴇᴇʀᴀᴊ }

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Design-With-Dheeraj!

Your solution looks excellent!

Just one suggestion:

  • Remove this line from your .wrapper:
    max-width: 1440px;

In screens bigger than 1440px, the body starts showing on the right side, because the wrapper only goes til 1440px. But if you remove it, it'll adapt, no matter the size of the screen.

I hope it helps!

Other than that, great job!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord