Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
8
Comments
4
Josep Ocaña
@Josep-Ocana

All solutions

  • Vite interactive rating component main

    #node#vite#sass/scss

    Josep Ocaña•110
    Submitted 11 months ago

    Any criticism will be well received in sass, especially


    0 comments
  • Product preview card component page with SASS

    #node#sass/scss#webpack

    Josep Ocaña•110
    Submitted 12 months ago

    0 comments
  • Results summary component page with Sass Node.js and webpack

    #node#sass/scss#webpack

    Josep Ocaña•110
    Submitted about 1 year ago

    I would like to anybody help me to improve my Sass giving me a feedback with it. How can I improve, what I have done wrong? Thanks


    0 comments
  • Responsive newsletter sign up with JS


    Josep Ocaña•110
    Submitted about 1 year ago

    I would like to know if I am using the ** tags properly or should I use another type of tag.


    0 comments
  • Responsive blog page using Figma


    Josep Ocaña•110
    Submitted about 1 year ago

    To make all blog elements focusable and iterable with the keyboard I don't know if I have correctly set all elements with the tabindex=“0” : images, header divs and paragraphs.

    Any advice or criticism will be very useful to continue learning.


    1 comment
  • responsive accordion page using HTML, CSS and Javascript


    Josep Ocaña•110
    Submitted about 1 year ago

    Is correct the way I create my js? or are there another best way?


    1 comment
  • Responsive page with Flexbox


    Josep Ocaña•110
    Submitted about 1 year ago

    I would like to get help in:

    • Rem units for all the elements a good way? . I write my css code using rem units for paddings, font-sizes but html font-size, margins, etc. it is correct? or I should use other units?

    Is this a good order for the properties?

    1. positioning : display, position, visibility, z-index...
    2. box model: box-sizing, width, height, margin, padding, border, b-radius...
    3. Typography: ffamily, f-size, line-height, f-weight, f-style, text-align, t-transf., t-decora, color...
    4. background and border: bg, bg-color, bg-image, border, b-color, b-shadow, etc
    5. spacing and alignment: text-align, overflow, etc
    6. animations and transformations
    7. others

    0 comments
  • Responsive RecipePage using HTML and CSS


    Josep Ocaña•110
    Submitted about 1 year ago

    In the HTML :

    • Are the sections tags correct for this page or I should made divs?

    In the CSS:

    • should I have created other variables for example, for margins and paddings?
    • In the presets, is it correct to make unified styles for h2 headings and colors for spans and list markers?

    Could you have made the code more efficient?

    Any criticism will be welcome,

    Thanks for all


    0 comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub