3 Column Preview Card

Community feedback

• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Hi @Isaaclkm !! How's your day!

  you need to change <link rel="stylesheet" href="css/styles.css"> to <link rel="stylesheet" href="./styles.css" /> in your html file to preview your styles. and give body min-height:100vh and try to remove width and height from all containers and all that crazy position you don't need all that complexity, and just use padding and flex to control containers

  and also try to deploy your site to vercel.

  Marked as helpful

  0

  ---

  

  Aaron Amoso•20

  @aaronamosoPosted over 2 years ago

  @imadbg01 ahh thank you so much! Im glad you were able to mention a new property. I did remove the width. height and positions and used what you suggested. It definitely changed everything hehe!

  1
• 

  Isaac•210

  @IsaaclkmPosted over 2 years ago

  Hi, I can't see the preview but by watching your CSS I think the issue might be that the color of the font of the buttons remains the same when you hover them, you should also change the text color with the color property so that it's different from the background at the moment they are hovered.

  1

  ---

  

  Aaron Amoso•20

  @aaronamosoPosted over 2 years ago

  @Isaaclkm hi issac, i am very new to github and frontend mentor. Now I am stressing that you guys cannot see the preview. I wonder if you can help me with this issue? The internet seems to not be helpful ):

  0

  

  Aaron Amoso•20

  @aaronamosoPosted over 2 years ago

  @Isaaclkm ahh I was able to figure out the hovering problem. Thank you! I forgot that hover has to have its own set of content for each container.

  0
• 

  IRVINE MESA•1,855

  @DrMESAZIMPosted over 2 years ago

  I did YouTube video for you improving your coding on the challenge and giving feedback .You can watch it when it premieres on this link

  https://youtu.be/LMZq4c6mKGM

  0
• 

  IRVINE MESA•1,855

  @DrMESAZIMPosted over 2 years ago

  hi Amose

  I looked through your feedback request here are suggestions

  there is an easy method to upload your solution to GitHub that will not miss any files since I noticed the images folder is missing . watch this video https://www.youtube.com/watch?v=BW0FCFV323s&t=63s

  correctly link your style CSS file by to simply <link ..... href="style.css"> on line 8 index.html

  introduce .wrapper class to contain all "container" classes ,

  <div class="wrapper> add on line 28 index.html </div> add on line 52 index.html

  then set properties to

  .wrapper{ display: flex; justify-content: center; align-items: center; height: 100vh; } delete lines 70, 72, 73, 80 ,82, 91, 93, 94 and 95 in style.css file

  I did YouTube video for you improving your coding on the challenge and giving feedback .You can watch it when it premieres on this link

  https://youtu.be/LMZq4c6mKGM

  0