Skip to content
OverviewSolutions
8
Comments
8
Alex Enescu
@Alexandru-Enescu

All comments

  • SmartAce•170
    @Smart-Ace-DesignsSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I almost gave up - but stuck with it. This one was extremely challenging for me. The JavaScript was simple...but the CSS was a nightmare. The share button is still not correct - but I decided to submit the solution for now and perhaps fix it down the road.

    I should have started with mobile design first - and I knew better to do so - but for some reason I started with desktop mode first. I think it would have been easier to deal with the positioning of the share pop-up menu if designing for mobile first.

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

    Positioning the social media pop-up menu was difficult. I had to make several attempts with setting the relative and absolute attributes at the correct DIVs. Once I started on the mobile design, it was then obvious how to do it.

    I am still stuck on the share button. I could not figure out how to make it change colors - I am not sure if there is CSS code to change the color of an SVG file. Also, I was able to line it up properly in desktop mode - but it mobile mode it is floating too high in the DIV.

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

    The share button - changing colors on click and centering it in mobile mode.

    Article Preview Card using Astro and Tailwind CSS

    1
    Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Great job that you finished the challenge, it looks exactly the same with the design! I also prefer to start with the mobile design first. Don't worry too much about the share button, I also got stuck at changing colors and when I tried to position it. I would suggest to add shadow to the main content and "cursor: pointer" to the share button. Good luck!

    Marked as helpful
    0
  • Stephanie Dennehy•220
    @Stephanie-DennehySubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    This was my first project using css grid. I combined it with Tailwind CSS again to continue building my skills there.

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

    Since this was the first project I've used grid with and I was using Tailwind, it took me some time to look up the class names and get the setting right. I had a lot of trial and error to line things up correctly.

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

    Nothing specific that I am looking for help with, but I am always open to other ideas/suggestions/improvements in the work I have done.

    Testimonial Grid

    1
    Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Looks very good! I would suggest to add more breakpoints so the content looks good for any screen size. Also, for the small screen size I would add more margin / padding for more empty space around the main content, for a bigger screen size I think only margin for top and bottom is needed. Great job!

    Marked as helpful
    0
  • Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Great job, it looks identical with the given design!

    0
  • Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Looks good, don't forget to remove the unnecessary parts from the given Readme template.

    0
  • Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Looks interesting! I'm a beginner with Tailwind, and I've seen you created many custom classes. Is this to avoid repetition? Just a suggestion, Tailwind documentation offers different ways for reusing styles. Good luck!

    0
  • Emmanuel•150
    @HemazynSubmitted 9 months ago

    Hey community!

    I recently completed the development of frontend mentor (social-profile-ui) and would love to gather your feedback. While I don't have specific questions, any insights or observations you can provide would be highly valuable.

    Things to consider for feedback:

    Design: Thoughts on the overall design, layout, and user experience. Code Structure: Any suggestions on how to improve the organization and structure of my code. Performance: Insights into performance optimization or potential bottlenecks. Responsiveness: How well does the website adapt to different screen sizes?

    Your input is greatly appreciated! Thank you for taking the time to review my project.

    Responsive Social Profile UI

    1
    Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Well done, it looks very similar with the given design! I would suggest to use for the buttons ''cursor: pointer" and to change their background to green when these are hovered or clicked (like in the given picture with the design).

    Marked as helpful
    0
  • Lev-T13•50
    @Lev-T13Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of my ability to implement even the finest details into my project to make it identical to the given challenge preview such as how divs do not automatically form a border around them so having to manually add it using CSS.

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

    Some of the challenges came from simple knowledge gaps in the properties of elements I should have been changing to reach my desired output which I solved through online help.

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

    In the making of this project, any small road-blocks I encountered within CSS I was able to find the solution to quickly through Google from others who had the same problems before.

    Blog Preview Card

    2
    Alex Enescu•170
    @Alexandru-EnescuPosted 3 months ago

    Looks good, well done! Before adding the project to Github don't forget to remove the initial README file. There is a README-template which can be modified and used instead of that.

    0
  • Alex Enescu•170
    @Alexandru-EnescuPosted 4 months ago

    Looks very good! I used "body {min-height: 100vh}" and the scrollbar doesn't appear anymore

    Marked as helpful
    0