Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Social Links Profile | HTML & CSS

Arda Bozan 160

@ArdaBozan

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What difficulties did you encounter while creating the project?

I didn't encounter any difficulties while creating the project; however, I paid attention to ensuring that my code snippets were organized. I made efforts to make my code understandable and easy to follow. I tried to arrange each code block logically and reduce code repetition to prevent unnecessary redundancies. Thus, I aimed to establish a better foundation for the project's future maintenance and expansion.

Which sections of your code are you unsure about?

The code was quite simple. However, I'd like to do some more work to better organize the HTML and CSS files and reduce code repetition.

Do you have any questions about best practices for the project?

I don't have any specific questions about considering best practices for the project. However, I'm looking for some tips or suggestions to improve the appearance of the buttons for better user interaction.

Community feedback

P
tediko 6,580

@tediko

Posted

Hello @ArdaBozan!

Nice work on this challenge! There is some things you can fix:

  • Use alt attribute for your img element. It provides alternate text for an image if the image cannot be displayed or is displayed by assistive technologies such as screen readers. It is required.
  • You shouldn't define font-size in your body element and certainly not in pixels. Browsers set the HTML font size to 16px by default. Defining your body element font-size in pixels will not respect the user's font-size preferences and therefore your web page will not be user-friendly.
  • Use a elements instead of buttons. Buttons are for performing an in-page action and anchors/links are for navigating to a new page.
0

Arda Bozan 160

@ArdaBozan

Posted

@tediko

Thanks for the advice! I'll improve myself!

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord