Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7

DarkCityTreno

@DarkCityTreno80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Mobile-first, Grid, Flex


    DarkCityTreno•80
    Submitted 12 months ago

    As per usual ANY feedback is very appreciated.


    1 comment
  • Mobile-first, Grid, Flex, responsive(hopefully)


    DarkCityTreno•80
    Submitted 12 months ago

    Wanna keep working on mobile-first, and really wanna improve grid since I'm only starting to learn it. I hope this project ended up not too terrible. Always appreciate any sort of feedback!


    1 comment
  • Grid, Flex, mobile-first


    DarkCityTreno•80
    Submitted 12 months ago

    Just wanna keep getting better at it even if slowly.


    2 comments
  • Recipe page. Tried to mobile-first for the very first time.


    DarkCityTreno•80
    Submitted about 1 year ago

    All areas lol. I truly feel sorry for whoever will try to read through my god-awful code. I hope I'll get better with more practice/experience.


    2 comments
  • Social Links Profile


    DarkCityTreno•80
    Submitted about 1 year ago

    Truly feels like I wrote a lot of unnecessary stuff, most likely made a lot of questionable decisions as well. But this is the best I can do at the moment with my current very limited knowledge.


    2 comments
  • No figma so might be a bit off.


    DarkCityTreno•80
    Submitted about 1 year ago

    Any criticism is very welcome, since it helps a lot in learning ^_^


    2 comments
View more solutions

Latest comments

  • Melissa Martins•150
    @MellTins
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?
    • It was a relatively easy challenge, but I had difficulty defining how many columns there would be
    What challenges did you encounter, and how did you overcome them?
    • semantic html, it sometimes confuses me to know which tags to use
    What specific areas of your project would you like help with?
    • What is the next logical step now?

    Testimonials Grid

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted 12 months ago

    Looks a bit bigger than the original design but other than that nice job! ^_^

  • Weverson Godinho•490
    @Godinhoweverson
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of the responsive design, but next time I will refactor my code to reduce redundancy and use CSS Grid instead of Flexbox.

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

    I encountered challenges on mobile devices with breakpoints and maintaining container sizes. However, after consulting W3Schools, I was able to overcome them.

    Four card feature section

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted 12 months ago

    Hello @Godinhoweverson Idk if I should comment on other people's code as a beginner myself, but it forces me to so imo you should try more semantic tags instead of generic div, and putting css file into a separate folder seems a bit weird, other than that it's responsive and looks great! Cheers bro!

  • EliPinheiro•40
    @EliPinheiro
    Submitted about 1 year ago

    css and html.

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted 12 months ago

    Hey @EliPinheiro I would humbly recommend to work on mobile version too, and use semantic HTML tags instead of regular divs, also probably better to use classes instead of id. Take it all with a grain of salt though since I'm a very beginner myself. Cheers!

  • Karim Essam•250
    @KaEssam
    Submitted about 1 year ago

    Recipe page

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted about 1 year ago

    Looks clean :o

  • KalanJayy•50
    @KalanJayy
    Submitted about 1 year ago

    Social Link Profile

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted about 1 year ago

    Oh the buttons changing the background color on hover is something I should've done as well xD. Nicely done friend!

  • BezawitTezera•10
    @BezawitTezera
    Submitted about 1 year ago

    Blog-preview card

    1
    DarkCityTreno•80
    @DarkCityTreno
    Posted about 1 year ago

    Hey there. I'm a very beginner myself but found and easy yet a bit cheese way to center the card. Try it if you want to

    body {
      display: grid;
      min-height: 100vh;
      place-content: center;
    }
    
View more 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

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