Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML CSS BEGINNER

Kate 30

@unic0rnKate

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please don't judge me hard, i am completely beginner, have some mercy ok? :) i found difficult to make a boarder-radius of my image and description div, because they will change their border-radius separately and not gonna look as one box with rounded corners.

Community feedback

@ChrisAndrewsDev

Posted

Howdy @unic0rnKate!

Don't worry, everyone seems very friendly on here (I am new too!) and usually give really good feedback.

I did notice that your styles don't seem to be applying to your solution, and it looks to me that your relative linking is slightly incorrect:

<link rel="stylesheet" href="css/styles.css">

Should be changed to

<link rel="stylesheet" href="styles.css">

Typically the "/" denotes a parent folder - "parentFolder/itemInsideFolder" and since you don't have a "css" folder, you shouldn't need to use that!

Once you've fixed that small issue we can have a look at the design implementation! Good luck :)

1

Kate 30

@unic0rnKate

Posted

@ChrisAndrewsDev You are right! Thank you so much for your help! It works now!

1

@Lekanjoy

Posted

We are all here to help each other Kate. I can't seem to view either your live site or the code. Make sure you check again and update the right links.

As Chris said, it might be that your relative linking is wrong. If you have your styles in a different folder in your workspace is when you use

<link rel="stylesheet" href="yourCssFolderName/styles.css">

but if your style file is not in any folder you just omit the folder name.

Concerning the border-radius, it works in a clockwise direction, meaning border-radius: top, right, bottom, left. You can also specify each value distinctively.

Hope this helps..

0
Alieu 190

@alieuk61

Posted

It's ok, we're all trying to get better, your css isn't showing as Chris said however when you fix it I can come back and try to give some help :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord