Abdul

Latest comments

• 

  Uzochukwu Cecilia Oloh•50

  @NseboSubmitted about 1 year ago

  

  Blog preview card built using simple HTML and CSS

  4

  100
  

  Abdul•8,540

  @SamadeenPosted about 1 year ago

  Hello Nsebo

  Great work on completing this challenge. Cheers!! 🎊🎊

  Some adjustments are needed to place your container in the middle properly.

      display: grid;
       place-content: center;
       min-height: 100vh; 
  
  

  I hope to see more solutions from you.

  1
• 

  👾 Ekaterine Mitagvaria 👾•7,780

  @catherineisonlineSubmitted almost 3 years ago

  

  REST Countries API with color theme switcher

  #react

  14

  15412
  

  Abdul•8,540

  @SamadeenPosted over 2 years ago

  Hello Catherine... You did beautifully well on this project, can you kindly recommend resources to learn React

  0
• 

  Woodrow Martyr•120

  @wmartyrSubmitted almost 3 years ago

  

  Used HTML, CSS, and Flexbox.

  1

  61
  

  Abdul•8,540

  @SamadeenPosted almost 3 years ago

  Hey Woodrow!! Cheers 🥂 on completing this challenge.. .

  Lets firstly work on your accessibility issues.

  • Document should have on main landmark basically means your html should be structured more semantically and the correct format should be your <header>......</header> followed by your <main>......</main> and lastly your <footer>....</footer> hence you should use <main class="card"> instead of <div class="card">.
  • Your footer should be <footer class="attribution"> instead of <div =attribution>
  • Images must have alternate text - Its hard for screen readers to pick up messages from images without alt text.. Its always advisable to include alt text to aid screen reader

  This should fix most of your accessibility issues.

  • For your design here is a tip to center your container both vertically and horizontally display: grid; place-content: center; min-height: 100vh;

  . Regardless you did amazing... hope you find this helpful... Happy coding!!!

  Marked as helpful

  0
• 

  Adejokun Ibukunoluwa•20

  @IAdejokunSubmitted almost 3 years ago

  

  Responsive QR Code Component

  1

  30
  

  Abdul•8,540

  @SamadeenPosted almost 3 years ago

  Hey Omo Iya mi!! Cheers 🥂 on completing this challenge.. .

  Lets firstly work on your accessibility issues.

  • Document should have on main landmark basically means your html should be structured more semantically and the correct format should be your <header>......</header> followed by your <main>......</main> and lastly your <footer>....</footer> hence you should use <main class="content"> instead of <div class="content">.

  • Page should contain a level-one heading basically means your html should have a h1 it aid navigation hence <h5 id="top">Improve your front-end skills by building projects</h5> should be <h1 id="top">Improve your front-end skills by building projects</h1> and you should also go down orderly when you are using the headings h1 down to h2 down to h3 and so on.

  This should fix most of your accessibility issues.

  . Regardless you did amazing... hope you find this helpful... Happy coding!!!

  Marked as helpful

  0
• 

  James Kofi Myers•660

  @kinjamesSubmitted almost 3 years ago

  

  nft-preview-card-component

  1

  30
  

  Abdul•8,540

  @SamadeenPosted almost 3 years ago

  Hey!! Cheers 🥂 on completing this challenge.. .

  Lets firstly work on your accessibility issues.

  • Document should have on main landmark basically means your html should be structured more semantically and the correct format should be your <header>......</header> followed by your <main>......</main> and lastly your <footer>....</footer> hence you should use <main class="card"> instead of <section class="card">.

  • Your footer should be <footer class="attribution"> instead of <div =attribution>

  • Page should contain a level-one heading basically means your html should have a h1 it aid navigation hence <h1 class="big-text"> Equilibrium #3429 </p> should be <p class="big-text"> Equilibrium #3429 </h1> and you should also go down orderly when you are using the headings h1 down to h2 down to h3 and so on.

  This should fix most of your accessibility issues.

  . Regardless you did amazing... hope you find this helpful... Happy coding!!!

  Marked as helpful

  0
• 

  MohammedC4r•10

  @MohammedC4rSubmitted almost 3 years ago

  

  NFT Card - Using SASS, BEM

  1

  30
  

  Abdul•8,540

  @SamadeenPosted almost 3 years ago

  Hey!! Cheers 🥂 on completing this challenge.. .

  Lets firstly work on your accessibility issues.

  • Document should have on main landmark basically means your html should be structured more semantically and the correct format should be your <header>......</header> followed by your <main>......</main> and lastly your <footer>....</footer> hence you should use <main class="card"> instead of <div class="card">.

  • Your footer should be <footer class="attribution"> instead of <div =attribution>

  • Page should contain a level-one heading basically means your html should have a h1 it aid navigation hence <h2 class="card__heading">Equilibrium #3429</h2> should be <h21class="card__heading">Equilibrium #3429</h1> and you should also go down orderly when you are using the headings h1 down to h2 down to h3 and so on.

  • Images must have alternate text - Its hard for screen readers to pick up messages from images without alt text.. Its always advisable to include alt text to aid screen reader

  This should fix most of your accessibility issues.

  . Regardless you did amazing... hope you find this helpful... Happy coding!!!

  Marked as helpful

  1