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

Submitted

Owner avatar Chat-app-CSS-illustration

@Izukamma

Desktop design screenshot for the Chat app CSS illustration coding challenge

This is a solution for...

  • HTML
  • CSS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@dev-mksingh

Posted

Hey @Izukamma, you did tried well. But as i can see in my browser, it is not responsive. In my opinion try mobile first approach. That will make it easy and quick understand of responsiveness. To make responsive you can use Frameworks like tailwindcss, bootstrap etc, if you want to do manually then use @media-queries also make sure you use proper breakpoints. You can also use SCSS, LESS , whichever tech you find useful. Make sure your sites are responsive. Hope it will be helpful to you. Happy Coding and Learning

0

@Izukamma

Posted

@dev-mksingh thank you so much. I’m still a novice at front end development but I will do my best to learn all about responsiveness for the next project, or even polish this one. Thanks

0

@dev-mksingh

Posted

@Izukamma you are always welcome. One thing i would like to add ,first clear the concepts of CSS then look for frameworks and other tools. I was ,just a while ago, looking a code and find out that peoples are rushing towards frameworks (Bootstrap, TailwindCSS etc) but lacking the basics that leads to create issues that they fail to figure out. So first make sure you are good with CSS concepts like flexbox and grid. Hope this will be helpful.

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