Responsive 3 Column Card Component (No Media Queries)

Community feedback

• 

  Smita•395

  @Smita-14Posted over 3 years ago

  It's surprising to know that you coded this on a phone so well!✨✨ It is brilliantly done! 👏👏

  Marked as helpful

  0

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @Smita-14 Thanks!👍😉

  1
• 

  bunee•2,020

  @buneeIsSloPosted over 3 years ago

  @Vanza, Perfect! as usual.

  2

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @buneeIsSlo Thanks!

  1
• 

  Shashree Samuel•9,260

  @shashreesamuelPosted over 2 years ago

  That is quite commendable that you coded from a mobile device. Keep up the awesome work and great job using the ch css unit

  1

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 2 years ago

  @TheCoderGuru

  Thank you for the comment! 👍

  When the first time I submitted the solution, I was using my mobile device to create this website. 😅

  Now, I have coded and refactored this fully on a desktop device (and with modern CSS 😊).

  0

  

  Okereke Clement Kalu•170

  @Clement1kalu-okerekePosted about 2 years ago

  @vanzasetia What mobile phone app did you code it with

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  @Clement1kalu-okereke

  I used Acode.

  If you want to know all the tools that I used to code on Android can check the vanzasetia/the-ultimate-resources-to-code-on-android.

  0
• 

  P

  j5•2,290

  @jmnyaregaPosted over 3 years ago

  Impressive 👏

  1

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @jmnyarega Thanks!

  0
• Account deleted

  Hello vanzasetia, 👋

  Congratulations on completing this challenge.

  Your solution looks good and responsive also.

  Coding on phone 📱 is very hard Hats off ! for that

  One question I have (how do you manage to make it responsive on all viewports)

  Great work by the way.😊

  2

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @Nik-web12 Thanks! The way I manage it as follows:

  1. I use Chrome for Android for the mobile and also to see the desktop version, I checked the desktop site.
  2. To see the tablet, I simply make my phone to landscape.
  3. Sometimes I use Firefox to change the font-size to see the my project on different viewport.

  Note: The way I do that on Firefox, by go to Setting > Accessibility, then change the font-size however I like.

  Yeah, you are right coding a responsive website on Android Phone is 🔥🔥so hard and very challenging!🔥🔥 But, currently that's the only way I can do for now.

  That's it! And as always Happy Coding!

  2

  

  Mehdi•990

  @siavhnzPosted over 2 years ago

  @vanzasetia

  Hello Vanza Setia

  I have 2 questions, first, don't you use Device Toolbar on Chrome Developer tools (More tools -> Developer tools or right click -> inspect) or Responsive Design Mode on Firefox (right click -> inspect) for checking your work on different sizes? and second I can't find Setting > Accessibility on the Firefox I search for that but I got nothing. Can you provide detail for that?

  0

  

  Mehdi•990

  @siavhnzPosted over 2 years ago

  @vanzasetia

  Oh, I saw your work on the finished project channel 10 minutes ago in the slack app, I didn't check the time of this comment so my first question may seem irrelevant now.

  0

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 2 years ago

  @siavhnz

  Hi Mehdi! 👋

  Thank you for those questions! 👍

  As you may already know that I was doing this challenge with my mobile device. So, I didn't use Chrome DevTool at that time. I was using Eruda. Eruda is a developer tool that can be used in mobile browsers.

  Now, I can access the Chrome desktop browser and sure I used the developer tool to see the responsiveness of the site.

  Regarding the Firefox accessibility setting, I was talking about the Firefox mobile browser. I have Firefox installed on my mobile device until today and you can access it with the same navigation (Settings and then Accessibility).

  For the Firefox desktop browser, you can change the font size setting by clicking the hamburger menu and then choosing Settings. After that, on the General tab, you will see a Fonts section where you can change the font size.

  1

  

  Mehdi•990

  @siavhnzPosted over 2 years ago

  @vanzasetia

  Thanks for helpful, detailed response 🙏

  0
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  Yes it looks great and coding it on a phone is so impressive 🌟🌟🌟🌟🌟

  2

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @palgramming Thanks!

  0
• 

  Dinesh•1,115

  @Dinesh1042Posted over 3 years ago

  Great work on this challenge. You have managed the responsiveness of the site very well that's cool. Keep up the great work!

  1

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @Dinesh1042 Thank you!😊

  0
• 

  JJ•25

  @j-j-martinPosted over 3 years ago

  Haha you're a legend! "No excuses" is your guiding principle I guess, great job!

  1

  ---

  

  Vanza Setia•27,775

  @vanzasetiaPosted over 3 years ago

  @j-j-martin 🤣 Hahaha... Thanks!

  0