Community feedback

• 

  _nehal💎•6,710

  @NehalSahu8055Posted over 1 year ago

  Hello Coder 👋.

  Congratulations on successfully completing the challenge! 🎉

  Few suggestions regarding design.

  • Use responsive units(rem, em, %) from next project. Explore respective use cases on google.
  • It would be better if you use <footer> for your .attribution class.
  • Try to add accessibility features like aria, sr-only, title.

  I hope you find this helpful.

  Happy coding😄

  Marked as helpful

  1

  ---

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @NehalSahu8055 I'm aware of reponsive unit including vw, vh, vmin, .... I used few like vw, vh and % where I feel it's neccessary.

  I'm really a noob, it will be more helpful if you can pin point areas where I should try those.

  What more can I say, I'm grateful that you spend some of your time helping me out 🙂

  0

  

  _nehal💎•6,710

  @NehalSahu8055Posted over 1 year ago

  @abdullahmuslim

  Have a look at this, it may help you a bit and try to explore more on youtube, google and blogs, practice will make you understand the differences.

  link

  1

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @NehalSahu8055 Amazing article. The author's explanation are not very accurate i.e saying em is relative to the size of the parent element.

  0
• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted over 1 year ago

  Hello there 👋. Congratulations on successfully completing the challenge! 🎉

  • I have other recommendations regarding your code that I believe will be of great interest to you.

  ---

  POINTING CURSOR ↗️:

  • Looks like the component's button element has not a pointer, this property plays a major-role in terms of both UI & UX

  ---

  • The cursor: pointer CSS property is important for button-like elements because it changes the cursor from the default arrow to a pointer when hovering over the element. This provides a visual cue to the user that the element is clickable and encourages interaction.

  ---

  • In terms of UI/UX, using cursor: pointer helps to improve the usability of the interface by making it easier for users to identify interactive elements. It also helps to provide feedback to the user by indicating which elements are clickable and which are not.

  ---

  • So we want to add this property to the following button element

  button {
  cursor: pointer;
  }
  

  • Now your component's button has got the pointer & you learned about this property as well

  ---

  .

  I hope you find this helpful 😄 Above all, the solution you submitted is great !

  Happy coding!

  Marked as helpful

  1

  ---

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @0xAbdulKhalid Having people like you arround wouod have make my development career a lot easier and quicker.

  I didn't take close attention to that and thanks for pointing it out.

  Maybe I will try mentioning you some other time in my project solutions.

  You are really helpful.

  0
• 

  _nehal💎•6,710

  @NehalSahu8055Posted over 1 year ago

  Regarding Your Query:

  • I would suggest you use your intuition for font sizes if you do not want premium subscription.
  • You can have a look at following color-picker app link

  1

  ---

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @NehalSahu8055 App looks great. My system architecture is amd64 not sure if that will work on my machine.

  0

  

  _nehal💎•6,710

  @NehalSahu8055Posted over 1 year ago

  @abdullahmuslim Use figma color picker tool.

  0

  

  Muslim Abdullah•100

  @abdullahmuslimPosted over 1 year ago

  @NehalSahu8055 my machine runs on ubuntu 20.04, I installed figma but it doesn't work. Segmentation fault

  0
• 

  lunabassam•0

  @lunabassamPosted over 1 year ago

  could you tell me where should i practice this challenge maybe a web or an app bcz i dont understand where you guys do the coding stuff

  0

  ---

  Account deleted

  @lunabassam oh sorry I didn't understand your question but you can solve these challenges in few simple steps

  1. choose the challenge that you want to complete
  2. download the resource file of that challenge
  3. solve the challenge using that resource file
  4. and finally submit your solution

  and for more info you can read these articles

  how to start front end coding challenges

  A complete guide to submitting solutions on Frontend Mentor

  hope that will be helpful🙂

  0