Recipe Page Main using HTML, CSS

Community feedback

• 

  BT738844•680

  @BT453567Posted 8 months ago

  Hello Miguel

  Your screenshot does not seem to match the preview site? Does the link need to be updated?

  Regards

  0

  ---

  

  Miguel•350

  @Mad-inputPosted 8 months ago

  @BT453567 Hello, thanks for your comment. I don't understand what you mean, the site view doesn't match the design?

  0

  

  BT738844•680

  @BT453567Posted 8 months ago

  Hi Miguel @Mad-input, when I click on the "preview site" button from my desktop the webpage does not appear formatted correctly, however it appears fine when the "preview site" button is clicked from my phone.

  I have looked at your code and believe that the nested statements you have made are not valid CSS code, for example:

  .header__recipe { .image__header { margin-bottom: 1.875rem; img { width: 100%; object-fit: cover; border-radius: var(--radius); } }

  This should be written as:

  .header__recipe .image__header img { width: 100%; object-fit: cover; border-radius: var(--radius); }

  0

  

  Miguel•350

  @Mad-inputPosted 7 months ago

  @BT453567 https://holamundo.io/2023/08/18/como-se-usa-el-anidado-en-css-nativo-css-nesting/

  I think your browser does not yet support CSS nesting.

  0

  

  BT738844•680

  @BT453567Posted 7 months ago

  Hello, Yes my browser must not be compatible, I did not realise that nested CSS had been introduced @Mad-input

  0