Skip to content
OverviewSolutions
19
Comments
12
Vladimir Gatara
@vgarmy

All comments

  • Aramide Otenaike•10
    @love-araSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Just proud that of myself for thinking I could do it.

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

    I did not understand the question or what I was suppose to use, I created a html project, then a react. I read the question a billion time in fact, still struggled with it

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

    if not everything, it would be mobile responsiveness with react

    Article Preview Component

    1
    Vladimir Gatara•250
    @vgarmyPosted 2 months ago

    To make it work for the mobil you need to add the media querry to your css used this code

    @media screen and (max-width: 925px) {

    }

    An inside of the curly brcket you add the css code for the mobil.

    0
  • Nick•170
    @nickabateSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to generate most content dynamically through a constants file, in addition to generating Tailwind styling specific to certain colour themed cards.

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

    In generating certain dynamic content, I learned that my Tailwind config had to be modified to pick up changes from different content sources.

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

    Any suggestions to improve on the sizing of grid elements would be appreciated. There is empty space at the bottom of some of the testimonial cards and I'd like to work on minimizing empty space when using grid layouts.

    Testimonials Grid Section - Next.js/Tailwind/TypeScript

    1
    Vladimir Gatara•250
    @vgarmyPosted 5 months ago

    I think you use React in a good way in this task. That you separate the design from the content. Using Tailwind is also good, but you haven't got the size of your boxes correct. I have no solution to your problem as I have never used Tailwind. But slightly wider boxes are needed.

    1
  • induwara-thisarindu•190
    @induwara-thisarinduSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Hi 👋

    I am most proud of that this was my first css grid project and it went quite ok and I am most happy as I didn't follow any tutorial while doing the projects.

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

    Well it went pretty smooth considering grid was new to me

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

    Well, it may be because I am still new to css grid but flexbox is easier for me. Also can someone help me to just have 2 cards on like a tablet view. I tried but couldn't get the media query right.

    Thank you 😊

    four card feature component using html and css

    1
    Vladimir Gatara•250
    @vgarmyPosted 5 months ago

    Very clean code, and your solution with the CSS Grid is superb. Maybe you should use more rem instead of px to make it accessible to users.

    1
  • Vladimir Gatara•250
    @vgarmyPosted 5 months ago

    Nice work on the image, Looks great, But you need to check your font import, looks like you havent imorted the right font weight.

    Marked as helpful
    1
  • anderu•230
    @anderutanSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    divide the page to all react component

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

    responsive design and prepare custom css for repeat element

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

    guide to build different app

    Recipe Page

    1
    Vladimir Gatara•250
    @vgarmyPosted 5 months ago

    I like the way you use react and tailwind in your solution.

    0
  • asdiAdi•130
    @asdiAdiSubmitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy I was able to do it in under an hour. Writing the Readme file and solution retrospective actually took longer.

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

    None this time.

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

    Maybe how to make it more semantic.

    Social Links Profile

    1
    Vladimir Gatara•250
    @vgarmyPosted 5 months ago

    Very impressed by your solution, nice that you use react and you don't use unnecessary code, straight to the point :) coding!

    The only thing I can think of is that you could perhaps use a json file for the various social media and retrieve them in an array, and get even more out of React.

    0
  • Sohag Mondal•80
    @sohagmnrSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I did it . that's mean I can do it.

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

    I stuck few times while designing but then I did some research and figure it out.

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

    css design

    Blog Preview Card using HTML CSS

    1
    Vladimir Gatara•250
    @vgarmyPosted 8 months ago

    Hi

    You forgott the active state for <h1 class="title">HTML & CSS foundations</h1>

    You could just add the hover effect in the css for this part

    h1:hover{ text-decoration: none; color: var(--color-Yellow); }

    0
  • Vladimir Gatara•250
    @vgarmyPosted 8 months ago

    The solution's straightforward coding style significantly enhances user experience by making complex functionalities accessible and manageable. Its simplicity reflects a commendable level of expertise, facilitating ease of understanding and maintainability. This approach is highly valuable for both experts and novices alike.

    Marked as helpful
    0
  • Vladimir Gatara•250
    @vgarmyPosted 12 months ago

    Hi

    No its looks good, but just maby add an transition in your

    .image > div { .... transition: all .4s ease-in-out; }

    So it doesn't pop up too quickly, and is a little more pleasant to look at.

    0
  • Vladimir Gatara•250
    @vgarmyPosted 12 months ago

    You could add som mora space between the qr-code and text, plus ad some more space in the bottom.

    //Vlad

    0
  • Vladimir Gatara•250
    @vgarmyPosted 12 months ago

    Hi, you should to add a litte more left- right- and bottom margin in your p tag. Don't be afriad to have a litte mores space.

    //Vlad

    0
  • Annika Veksø•40
    @VeksoeSubmitted 12 months ago

    I had some issues with "resetting" the grid in the media queries, but I managed to figure it in the end - I think.

    Everything else seems to have went okay, but I do have some questions I hope someone can help me with!

    • We are given some sizes for desktop and mobile, and I'm not sure how to work with them. I believe my screen is 1920px wide, so do I have to do anything in the code to match the 1440px or is the given size mostly for those working on screen smaller than the 1440px? I hope my question make sense.
    • Should I have added some shadow? It seems that some of the boxes have shadow, but in the mobile version the shadow seems a bit more random. I feel like all the projects have shadow on the bottom and right side, so is just something from FrontendMentor, or an actual design choice?

    Responsive Testimonials Grid Section

    2
    Vladimir Gatara•250
    @vgarmyPosted 12 months ago

    Hey, regarding the shadows, its a yes, you shouls add more shadow. Try something like this.

    box-shadow: 0px 5px 42px -24px rgba(0, 0, 0, 0.43);

    //Vlad

    Marked as helpful
    0