All comments

• 

  promise• 520

  @ugochukwuuu

  Submitted almost 2 years ago

  I tried my best but I couldn't find a way to add the linear gradient to the input border. If you have any advice on how to do so, please tell me.

  

  Responsive landing page using Css flex and Javascript

  2

  4

  0

  

  Bagas Defandi• 170

  @bagas-defandi

  Posted almost 2 years ago

  Hi

  While doing the last project I find this article to make border with linear gradient.

  I hope it will help you :)

  1

  This comment has received 1 replyShow
• 

  erenseven• 50

  @ErenSeven

  Submitted almost 2 years ago

  I created my solution using Css Grid. I would appreciate if you point out the deficiencies or errors you see.

  

  Single price grid component with Css Flex, Css Grid

  1

  3

  0

  

  Bagas Defandi• 170

  @bagas-defandi

  Posted almost 2 years ago

  Hi Erin Seven!

  congratulations on completing this challenge!

  I have a few suggestion for this:

  HTML

  • I prefer to use <a> tag for the button, because sign up button will bring user to other page, I will use <button> tag when there is interactivity like search button, hamburger menu, submit form.

  CSS

  • set border-radius and overflow hidden to the <main class="gridcontainer"> so you don't have to set it to individual corners.

  • I recommend you to use rem unit for font-size not em units, for more explanations you can see this video

  I also did this challenge with Grid, I use grid-template-areas to make it responsive, you can see my solution here

  I hope it helps you 😊

  Marked as helpful

  1
• 

  Fidget836• 20

  @Fidget836

  Submitted almost 2 years ago

  I tried a solution with display: GRID, I would like to have your opinion if GRID was for you the best option or another solution would have simplified things and is my GRID semantically is good? Last question, on my sections is it better to put an ID or a class? Thank you, Have a good day !

  

  GRID / Responsive - Four card feature section

  3

  2

  0

  

  Bagas Defandi• 170

  @bagas-defandi

  Posted almost 2 years ago

  Hi Fidget!

  congrats on completing this challenge!

  to fix the Accessibility issues you can wrap <section id="secondeSection"> with <main> tag, and I think <section id="firstSection"> should be <header> tag.

  for styling things don't use ID because ID have a high specificity, I always use class or element it self to styling html.

  I also did this challenge with Grid I use grid-template-areas to make it responsive, you can see my solution here

  I hope it helps you :)

  Marked as helpful

  0