Nakoya Wilson

Latest comments

• 

  Yu-An•70

  @yuany2036Submitted almost 3 years ago

  

  Order Summary Component - Using HTML & CSS

  1

  30
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  Hey there! I took a look at your code. If by the "Annual Plan" part you're referring specifically to your .centerContent class where you use -85px margin to position it, I think the problem may be line 62 of your style.css file where you use justify-content: space-between which forces that div to the center. You could try removing justify-content: space-between so it defaults to flex-start and then setting a specific margin-left value for .centerContent and margin-left: auto for the Change button.

  0
• 

  Chantae•320

  @taepal467Submitted almost 3 years ago

  

  Clipboard Landing Page using Flex and SCSS

  1

  30
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  The paths to the images are incorrect which is why they are currently not showing. Try using url(../images/bg-header-mobile.png) and url(../images/image-computer.png); instead.

  0
• 

  imad•3,330

  @imadvvSubmitted almost 3 years ago

  

  solution to the Expenses chart component using CUBE CSS methodology

  #cube-css#fetch

  1

  50
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted almost 3 years ago

  Great job on this challenge. I noticed that the font family declaration for the body (line 28 of your CSS file) is font-family: --ff-sans; instead of font-family: var(--ff-sans); so the intended DM Sans font is not actually being used on the page.

  1
• 

  whitehatns•150

  @platypus567Submitted about 3 years ago

  

  Responsive Social Proof Section using bootstrap and flexbox

  #bootstrap

  1

  30
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted about 3 years ago

  You currently have the "text-center" Bootstrap class on the h1 which center aligns the text. If you remove that class, the default alignment should be justified left. If you need the text center aligned on mobile and aligned to the left on bigger screens you can try adding the "text-xl-start", "text-lg-start", "text-md-start" or "text-sm-start" class to the h1 depending on which breakpoint you want the text aligned to the left. So for example you would have <h1 class="text-xl-start text-center">.

  1
• 

  Parvathy Vazhoor•880

  @parvathyvdSubmitted about 3 years ago

  

  Huddle landing page hero section

  3

  10
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted about 3 years ago

  I downloaded your code and after experimenting with it, it seems the color property in this rule is affecting the hover state:

  *,
  ::after,
  ::before {
    ...
    color: #fff;
  }
  

  If you remove it from there and put it in the body for instance, the social media icons will change color on hover.

  Marked as helpful

  0
• 

  Sammy•280

  @soyedSubmitted about 3 years ago

  

  Social media dashboard

  #accessibility#bem

  1

  20
  

  Nakoya Wilson•1,530

  @nakoyawilsonPosted about 3 years ago

  I found this article from CSS Tricks helpful for the linear gradient for the Instagram card: Gradient Borders in CSS. Based on the article I don't think it's possible to use linear gradient with the border property so instead I used a pseudo element, made the background of the pseudo element the linear gradient and positioned it.

  Marked as helpful

  1