Personal Portofolio challenge

Hi guys, i left web development for a couple of months but i returned one month ago and i’ve got a plateau with trying to build a img section with display:grid, even i completed the grid challenge of FFC i can’t really create a good grid for this look at this.


this the code far away

, i’m not looking for solutions just for a better understanding, also i don’t know if is a good idea watch tutorials cuz i was in hell tutorial

Welcome to the community :smiley:

Grid took me a month to understand :confused:

There are a lot of ways to do it, but I think the best way to learn, is to use just one method, once you can do that method consistently, then move to another method.

I’m not sure which method is the easiest to learn, I tried each one until I found what worked for me.
I wouldn’t use your current project to practice in tho.

Try making a project with a few divs of different colours and see if you can position them.

This might give you a good starting point:
The second link is one I used to help myself understand how it works, but I watched so many vids during that time I’m not sure which would be helpful to you.
Just take it slow, try things out :smiley:
(2) Learn CSS Grid the easy way - YouTube
(2) Basics of CSS Grid: The Big Picture - YouTube

2 Likes

Thank you for you feedback!. I resolved it yesterday

Hello i’ve got three issues.
Number one: in my gallery, when you see the projects i tried to implement the same hover effect, but i don’t know how to make show the narrows only when the mouse is over the title of each title project. The narrows logiclly only appears in the screen when i move the mouse over the transparent narrows or .fa.
Number two: I tried to add a margin-top: 1rem to my singles social media icons but it doesn’t work when my mouse is over it. I experiment and the background-color might change but the margin-top:hover nop.
Number three: when i click in one single

  • from my navbar it doesn’t work, the page is just realoaded.
    Here i leave my project, also i’d love to read criticism

  • Sorry, Cant provide much help as you are way more advanced then I am. I did notice that the images of your projects are not loading though it might just be an issue with my device so you should check that out.

    If your still having these problems,

    It might be better to mark this post as resolved, and make a separate post dedicated to solving these issues, with more details of what your trying to do, what you have already tried and what is happening instead.

    If you want feedback on a project, but don’t have any issues, you can post in the ‘Code Feedback’ area

    Hope this helps :smiley:

    1 Like

    Okey, thanks for the advice!

    1 Like

    This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.