search

PennyVu / stylish-beets

Style the beets HTML file from an earlier week to match the screenshots.
0 stars 0 forks source link

stylish beets solution #1

Open PennyVu opened 2 years ago

PennyVu commented 2 years ago

@KarenMendozaGarza Hi, I need help with the assignment. I don't know how to make the length line of the quote in blockquote look shorter like the screenshot Markbot asking to see the img selector and text-decoration inside a {}. Can you help me please? Screen Shot 2022-03-14 at 2 21 43 PM I have updated a few things but I still couldn't submit though markbot.

KarenMendozaGarza commented 2 years ago

For your line length, make sure to reduce your window size to match the screenshot. I believe it asks so in the assignment overview so you have a closer reference.

For the img selector, it's expecting you to do something to the image in your css. We always want images to be responsive and adapt to our screen size, so when setting up your css code it is usually always a good idea to select images in your code and give them a property of width: 100%; so it will always adjust in size to fit 100% of its parent container.

Here is what the cheat sheet metions about text decoration: https://learn-the-web.algonquindesign.ca/topics/web-typography-cheat-sheet/#properties

text-decoration Add or remove lines on the text. none, underline, line-through, overline text-decoration: none;

This part of the video pkaylist from last week will be especially helpful to you in this case: https://www.youtube.com/watch?v=8JKPUPSJ-G8&list=PLWjCJDeWfDdcZadRkkeuz1NYSJ0phrstG&index=7&ab_channel=ThomasBradley That property is most commonly used with links because default css gives them a default underline. Watch the video included in the assignment https://www.youtube.com/watch?v=d1PbW1xAC6A to see how the links in the page interact, and think of where you might to add the text-undeline property. Don't forget that links most always need hoverstates, and this assignment is no exception.