All solutions

Hello,

I had difficulty adding border to the image. I kept trying to add the border but the circle would be uneven. Any help with that along with CSS formatting would be appreciated

Hello!

I tried this challenge in accordance with Cube CSS principles. I am still learning but I believe that I have a slightly better idea of the concepts. What I found was that with Cube CSS we add many utility classes and add those to the HTML rather than concentrating the code for each block. I still have some doubts, especially such as when I should add something at the block level versus make an attribute for it.

As an example I saw that with the padding there was more padding at the bottom than the rest of the screen. This lead me to make a padding-bottom attribute by adding "padding-bottom-1" but that doesnt seen right. Interested in any input on what I should have done instead!

Also I am not used to so many classes added to the HTML, so any input on things I could have done better with the class names will be greatly appreciated

Thanks!

Hello!

I difficulty in organizing my class names within the HTML and CSS. I am still not sure if I should be giving everything individual classes or making heavy use of selectors. If you can tell me the best practice that would be highly appreciated. As for example for my queryselectors was I supposed to just use one class? Also for my CSS was I supposed to just use once class?

I also had a question about the light grey background that was behind the rating numbers and the star. All of the colors that I tried from the style guide were not working like that! So maybe the background is being set some other way? You will see that I just went with the dark background in the end.

Thanks ALOT for your help!

test

Hello!! Thanks for checking out my website, I was hoping to get some feedback as this is the first time I am properly sending out a project and would really appreciate any suggestions.

I just had one problem that I was not able to move the price information right next to the image. The most advanced idea that I tried was taking the music icon out of a flexbox completely, and just having the price info and the change link in one flex and they would get justify-content: space-between. However this did not work as it was not able to use much of the space to the left.