Skip to content
OverviewSolutions
35
Comments
29

Marc Francis

@marcfranciss🇵🇭730 points

██████████████████████████████████████████████ █▀▄▀█ ▄▀█ █▀▀ █▄▀ █▀▀ █▀█ █▀  █▀▄ █▀▀ █░█ █░▀░█ █▀█ █▄▄ █░█ ██▄ █▀▄ ▄█  █▄▀ ██▄ ▀▄▀ ██████████████████████████████████████████████ (👀,) Looking for a team to collaborate or work with their project(s).

I’m currently learning...

🔰 Sass ⚡ React JS ⚡ Express JS ⚡ Typescript ⚡ PostgreSQL ⚡ MongoDB 🔰

Latest solutions

View more solutions

Latest comments

  • Marc Francis•730
    @marcfrancissPosted 6 months ago

    Impressive solution to this challenge! 💯

    1
  • Marc Francis•730
    @marcfrancissPosted 6 months ago

    Impressive solution to this challenge! 💯

    0
  • Ejiofor John•490
    @echocode1Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    it was success trying out react for the first time after a react course

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

    the issue I had was deploying basically with GitHub since, I haven't deployed a react project before and don't know how it works .but after some research I was able to do it

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

    creating components and how to structure my react project well .i will love input on that

    Responsive space-tourism-website

    #react#sass/scss
    1
    Marc Francis•730
    @marcfrancissPosted 7 months ago

    Impressive solution to this challenge! 💯

    1
  • Emerson Lima•200
    @poissonfouSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of making the website more accessible by making it possible to interact with the accordion and the tabs section through the keyboard. I'm also happy to have implemented a simple and intuitive solution to create the accordion section.

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

    I've had issues with the layout jumping when I added hover effects to elements like buttons, because it would add a border to those elements when they previously didn't have them. I solved it by adding a transparent border to those element in their default style.

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

    I still struggle to properly name my classes. I've tried to implement a BEM architecture but ended up breaking it a few time because I thought the class names were becoming to verbose. I would appreciate if someone could point out how I could've better name my classes and implemented BEM.

    BEM, Flexbox, Accesibility

    #accessibility#bem
    1
    Marc Francis•730
    @marcfrancissPosted 7 months ago

    Impressive solution to this challenge! 💯

    0
  • andrean-sihombing•350
    @imandreansSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I can design the mobile view first. Next time I need to pay attention more to the resolution and the layout.

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

    It's really hard to make the grid of screen view, so I kept trying till I get it right.

    I also had a hard time to build the slide effect when click the arrow button. I solved it by asking claude AI for a code. After I implemented the code, I analyze the code.

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

    I think more on the design, because there a lot of things I want to fix on this current design.

    Room Homepage with Grid and Flex

    1
    Marc Francis•730
    @marcfrancissPosted 7 months ago

    Impressive solution to this challenge! 💯

    0
  • Emerson Lima•200
    @poissonfouSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy that I was able to utilize pseudo elements to create some of the pages elements, and to also have implemented a mobile first approach. It was also my first time using SASS and I was happy to see how easy it is to use it.

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

    When I started the project I styled the page for desktop first and found it hard to make it responsive for smaller devices. By using a mobile-first approch, I managed to overcome this issue.

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

    I had issues making the creations grid section align with the rest of the design in desktop screens, I would appreciate if someone would point my mistake and give an ideia for making the design work

    CSS grid, flexbox, pseudo elements

    #bem#sass/scss
    1
    Marc Francis•730
    @marcfrancissPosted 7 months ago

    Impressive solution to this challenge! 💯

    0
View more comments