'huddle page w/ alt. feature blocks' + sass + flexbox + responsive

Community feedback

• 

  Akash Siddamshetty•190

  @akashsiddamshettyPosted almost 3 years ago

  Great work ! @anoshaahmed

  Marked as helpful

  2

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @akashsiddamshetty thanks Akash!

  0
• 

  Mariam Oluseyi-Alli•250

  @mariamALLIPosted almost 3 years ago

  @anoshaahmed am always impressed with your solutions. Good job, I want to be as good as you. )

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @mariamALLI ur coding skills r better than me. i just spend a lot of hours trying to get the right measurements

  1
• 

  Nurgeldi•30

  @Nurgeldi1419Posted almost 3 years ago

  Great work )

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Nurgeldi1419 thank u nurgeldi

  0
• 

  Ali Mousavi Nizhad•270

  @mnizhadali-afgPosted almost 3 years ago

  @anoshaahmed your works are awesome and great. I admire it ;)

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @mnizhadali-afg thanks Ali :)

  1

  

  Ali Mousavi Nizhad•270

  @mnizhadali-afgPosted almost 3 years ago

  @anoshaahmed most welcome :)

  0
• 

  Rohit singh•40

  @rohitkuderiyaPosted almost 3 years ago

  Thank you @anoshaahmed Mam , Actually i am a fresher student and this project help me to learn a lot.

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @rohitkuderiya Thank you Rohit!

  0
• 

  cacosted•570

  @cacostedPosted almost 3 years ago

  Really cool looking web, I liked how you handle the overlaying box near the footer I will use that when I needed it.

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @caastech thank u caastech!

  0
• 

  Victor•510

  @therealmaduanusiPosted almost 3 years ago

  Your's are just perfect 🙌 while mine are just😔 honestly I wish I could. You did a great job looking forward for more of your solution 🙌

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @therealmaduanusi everything is a learning curve Victor <3

  0
• 

  nazim•330

  @NazimAitaliPosted almost 3 years ago

  good job 👍💯

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @NazimAitali thank u Nazim :)

  1
• 

  Dasu Rahul•200

  @dasurahulPosted almost 3 years ago

  Pixel Perfect Good job and Nice animations

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @dasurahul thank u Dasu :)

  0
• 

  Elroy Toscano•630

  @elroytoscanoPosted almost 3 years ago

  Hi Anosha, you've done a brilliant job at this. Not only is the design pixel perfect but also semantically correct. You've even gone a step further and designed the github readme, so well done 👍

  One tip: Consider placing your img elements in a figure element as the figure element represents self-contained content, whereas img is just embedding an image.

  Hope this helps. Cheers.

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @elroytoscano I always learn something new from you! Thanks Elroy!

  1
• 

  Jibreel•300

  @jibreel1Posted almost 3 years ago

  Nice design... I'm always amazed how your design and the challenge are always exact, Bravo🚀🚀 How did your have your mobile and desktop screenshots side by side in your ReadMe file??

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @jibreel1 thanks jibreel (very cool name btw)! u can go to the readme file and click "Raw" and see the code for it :)

  1
• 

  Damilola Olanrewaju•310

  @Dami-MoorePosted almost 3 years ago

  Your works are really awesome. You're really good at your stuff!! How do your designs match so perfectly? It's not like they give the exact sizes in the style guide. How do you do it? Or are you just a perfectionist and sit for hours trying out different sizes till you get an exact match? 😃

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Dami-Moore that's actually exactly it. i sit for hours trying out different sizes to get an exact match!!!! it's not some magic TRUST ME sometimes i just want to not have the same size because it's so much work, but then i'm like its okay u can do this LOL

  0
• 

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  Desktop version is perfect, love the work.💯 I think the mobile version needs a little bit of more work like the social media icons is too high and the other cards needs a little less margin. Rest everything is perfect 👌

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @xZAYEDx i know 😂 !!! I did desktop-first, so it was becoming too much work to fix the other things !!! thank u for ur kind words!!!

  1

  

  xZAYEDx•250

  @xZAYEDxPosted almost 3 years ago

  @anoshaahmed yes I feel you 🤣 and the worse part is redoing everything 😂😂

  1
• Account deleted

  Just another cool challenge from you Anosha 😎😎

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @MoBlack24 thanks Mo 😊😊😊

  0
• 

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  Hi! Anosha, i can see your mobile design is not that much cool as compared to your desktop design. I mean your Font size is little bit bigger than required, your footer contact part, the footer menu and social media icons don't have enough space. Simply I would say it could be more better. It is your great learning that you have Made mistake and then at the end you realised that you chose wrong approach and also now you have atleast a fact Reason to always practice MFA.

  Soon I will see your next work 😜❤️ Good Luck 🤞

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @skyv26 exactly!!!!!! i understand more why and how MFA is more efficient. thank u Aakash. i was hoping nobody would notice how ugly the mobile design is😂😂😂😂😂😂

  1

  

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  @anoshaahmed lol,

  1
• 

  Gunal Bondre•135

  @GunalBondrePosted almost 3 years ago

  also i really liked the way you wrote git description... i will follow similar structure thanks for contribution

  Marked as helpful

  1
• 

  Gunal Bondre•135

  @GunalBondrePosted almost 3 years ago

  This is amazing work. do you follow figma or sketch.. i mean do you have premium membership because as a free member its difficult to code as per design

  Marked as helpful

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @GunalBondre no i dont have figma or sketch :) i know a trick haha. but it's not a good trick because it takes me hours to match the design

  1

  

  Nicolas Gula•170

  @NicolasGulaPosted almost 3 years ago

  @anoshaahmed I want to know that trick. How do you make the pages look perfect? excellent job!

  1
• 

  Harmanjot Singh•985

  @arkharman12Posted almost 3 years ago

  What are the benefits of using the mobile-first approach first instead of desktop for you?

  2

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @arkharman12 mobile first is less work

  2

  

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  @arkharman12 Mobile First Approach helps to render design faster on mobile phone, because In mobile first approach we start our css According to mobile and ends with desktop media query. Approx 60% people around the world, try to open the web services or design on mobile first. That's why it is important, where one more benefit is In mobile first approach you will finish your design with responsiveness in less time as compared to desktop first approach. I hope you will understand

  Marked as helpful

  3

  

  Raj Kiran Chaudhary•100

  @rk-codeflowPosted almost 3 years ago

  @arkharman12 Here are some of my understandings:

  Basically, in mobile everything is vertically stacked and since most of our contents are placed inside div, they will be stacked by default (unless we have given them any CSS.) and will only have to work for desktop mode.

  However, if we adopted a desktop-first approach we need to again write our CSS for the mobile version too which means doubling our code, effort and energy.

  Marked as helpful

  1

  

  Mariam Oluseyi-Alli•250

  @mariamALLIPosted almost 3 years ago

  @anoshaahmed totally agree

  Marked as helpful

  1
• 

  Luis Herrera•795

  @Luis15HerrPosted almost 3 years ago

  Why do you ask for feedback if you are going to delete the solution where the feedback was given? xDDDD

  1

  ---

  

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  @Luis15Herr i had to delete because i had an issue with my solution, and when i fixed the issue, the solution of the screenshot didn't update.

  only two people gave me feedback on the last solution. one person just said good job, and the other person told me to change the url of the image, which was the wrong thing to do. so it was useless feedback anyway lol

  1