Skip to content
OverviewSolutions
10
Comments
9
Toprak Pehlivan
@ToprakPehleeone

All comments

  • Mudasir Nadeem•320
    @mudasirNadeemSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of successfully implementing an email validation form using JavaScript, ensuring the correct structure of email addresses. Next time, I would improve by handling edge cases and incorporating real-time feedback for a smoother user experience. Additionally, I'd focus on improving code efficiency and accessibility.

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

    One challenge I encountered was ensuring the email validation regex handled various valid formats while preventing incorrect inputs. I overcame this by researching common patterns and refining the regex to cover edge cases. Debugging issues and testing different inputs also helped improve the validation process.

    newsletter-sign-up-with-success-messag

    1
    Toprak Pehlivan•140
    @ToprakPehleeonePosted about 2 months ago

    Works fine on desktop

    You can use media queries to adjust project on mobile screen sizes.

    0
  • moonji-spoonji•230
    @moonji-spoonjiSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the share button kinda working lol, toggling the hidden class to make the facebook, twitter, and pinterest links/icons appear. Next time, when I have more experience, I'd like to apply a framework and more advanced techniques so the code is shorter and more effecient.

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

    I encountered the challenge of changing the color of the share icon svg, which I didn't fully overcome but I got a bunch of help and wonderful advice from Alex K Marshall, Tharun, and Grace-Snow on the Discord! If you're reading this, I hope you know I really appreciate your willingness to help me out!

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

    I'd like help troubleshooting where I went wrong with the share icon svg, specifically why it won't change color on the desktop mode but it will when on the mobile, and why the background color of the button has the opposite problem.

    Article Preview Component (moonji)

    1
    Toprak Pehlivan•140
    @ToprakPehleeonePosted about 2 months ago

    Looks good !

    • Instead of divs, you can use semantic elements like main, section or article.
    • You can use padding-inline attribute to keep the picture overflowing on different screen sizes. My code on this project also has problems with aligning share menu. Thanks for inspiring me ! :)
    1
  • Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    Looks very good!

    Congrats on writing well structured and responsive code. :)

    0
  • shpokas-io•150
    @shpokas-ioSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I am truly proud, that I managed to do this design in my given time, I precode everything in my notebook, and only then typed the code, this approach gave me less head-beating.

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

    Challenge was to as always use media queries for responsiveness in this design I used grid template on media querie

    Responsive -four-card-content

    1
    Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    Looks clean and very adaptive.

    I actually checked your code while i was making my own project and got some inspiration from you :)

    0
  • Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    -Using 'display: Flex;' properity can help with aligning items such as; <img> and <div>.

    0
  • Austin•430
    @astnioSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I feel confident that I used the correct semantic HTML for this project.

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

    Styling lists and tables was difficult, as I am not used to styling those often. Lists were particularly difficult because of the marker styling. The challenge was also sneaky because the default font style for the ordered lists numbers was actually changed.

    Recipe Page using CSS

    1
    Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    Looks great!

    Thank for inspiring me on making responsive font sizes. I will try to use them like you've used on this project!

    0
  • Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    Looks fantastic!

    I myself have relized that i have used too many <div> elements in my code.

    Thanks for the inspiration.

    0
  • Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    Looks good!

    • You can use CSS FLEX to align image and 'Greg Hooper' text side by side.
    • Using ':hover{}' attribute can help you to make the header interactive.
    0
  • Toprak Pehlivan•140
    @ToprakPehleeonePosted 3 months ago

    It looks very accesible and easy to read.

    Inclution of Semantic HTML makes the project more easy to understand.

    Using Margin from top will make it look more like the design.

    Marked as helpful
    0