Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
9
Oscar Rodolfo Chávez
@OscarRodolfoUMG

All comments

  • Tunde Abdulhamid Sanusi (Tuham)•190
    @tuhamworld
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?
    • Being able to replicate the design and functionality despite not having access to the figma files (since I'm on the free plan)

    • Adding Javascript validations to replace HTML validations for both error messages and color switches

    • Redirecting to a new page upon successful validation

    • Responsiveness of design across all devices

    Newsletter Sign-up Form with Messages

    #sass/scss
    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 5 months ago

    I like how organized your code is, I also tried to adapt it to all screens but there are always little things that we miss, yours looks great

  • somayakhaled•350
    @somayakhaled
    Submitted 12 months ago

    article card using HTML, CSS and JavaScript

    #sass/scss
    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 7 months ago

    It looks great, I love the animation you added when sharing, the only thing I think you forgot was the shadow, I still added it at the end and I almost forgot too, you can see my solution if you want, anyway, great job.

    Marked as helpful
  • Łukasz Gwarda•180
    @lgwarda
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I've successfully implemented a well-structured CSS methodology (CUBE CSS), which has made my styles more modular, reusable, and maintainable. This is a great achievement, as it's a strategy that can scale well as my project might grow. In future projects, it would be beneficial to integrate accessibility tests early on, such as using tools like Lighthouse or Axe to ensure a website is accessible to all users. This could save time down the line and improve the usability of your site for a wider audience.

    What challenges did you encounter, and how did you overcome them?

    Keeping CSS Organized and Modular

    Organizing CSS in a way that was both scalable and maintainable, while adhering to the CUBE CSS methodology, could have been a potential stumbling block.

    By dividing my CSS into logical sections (like layouts, utilities, and exceptions), I ensured that my styles remained modular and easy to maintain.

    What specific areas of your project would you like help with?

    I’ve done some cross-browser testing using Lighthouse, but I’m unsure whether there are any additional steps I should take to improve compatibility. Are there any tools or tips I should be aware of to ensure my site works well across all browsers?

    Testimonial Grid Section

    #sass/scss
    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    Wow, I think it's incredible how you have organized the code following CSS Cube, mine is not even close to being as organized as yours, and I liked how you left the mobile version, I don't have much to add, thanks for sharing your solut

  • Alejandro•60
    @alemarr
    Submitted about 1 year ago

    Four Card Feature Section

    #bem#sass/scss#webpack#semantic-ui
    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    Ohhh, I know very well, I can barely say that the fonts are a little different compared to the design, maybe I entered the site but it gave me 404. Great job

  • Gino Gallardo•140
    @GinoGallardo
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    PODER HABERLO CORREGIDO EL RESPONSIVE

    What challenges did you encounter, and how did you overcome them?

    REVISANDO LA DOCUMENTACION DE TAILWINS PUDE CORREGIR EL RESPONSIVE

    What specific areas of your project would you like help with?

    TAILWIND

    Hecho con Tailwind css

    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    Aprovechando que contestaste en español, justo justo me paso lo mismo, aplicado en mobil-first luego ya en la version de escritorio me aparecia todo a media y cosas que no cuadraban pero con los media querys puedes ir arreglando poco a poco para que todo quede en su lugar, pasate por mi solucion y dejame tu feedback.

    Marked as helpful
  • Mark Smith•120
    @Smith11b
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    This one I really felt like I started to get into a flow around how to build things in css. Especially with the semantic hmtl. I don't think there is much I would change here.

    What challenges did you encounter, and how did you overcome them?

    ran into a problem trying to move the list items away from their markers. figured it out quickly though.

    What specific areas of your project would you like help with?

    Any feedback is great.

    Recipe Page

    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    It looks great, except that you have some larger spaces than in the view, that part of arranging the spacing, which in itself in Word is sometimes complicated in code, you end up searching on several pages how to arrange each thing, coincidentally it is the first challenge I did on this platform, when you can, stop by mine and leave me your feedback.

  • Yvan Trouillet•10
    @YvanTrouillet
    Submitted 9 months ago

    HTML and CSS solution - Social Links profile

    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    It looks great, I see that you had the same problem as me with the width of the <a> having to be larger than the <p> above, check out my solution and leave your feedback. Greetings

  • Ahmed Atef•50
    @AhmedAtef32
    Submitted 8 months ago

    using HTML and CSS

    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    It looks great, I like how you arranged everything for the responsive design, I think you missed adding the :hover, I was also confused because they asked for hover and focus but in the end I just used the hover, take a look at mine and I'll Comment if my solution to changing from desktop to mobile sounds good to you.

    Marked as helpful
  • Gonzalo Gomez•30
    @MpZero
    Submitted 8 months ago

    QR code page made using HTML and CSS.

    1
    Oscar Rodolfo Chávez•170
    @OscarRodolfoUMG
    Posted 8 months ago

    I find it interesting the way you solved it, I usually just use html and css, you could adapt the fonts and colors a little more.

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

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