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 Fylo data storage display

@samson360-code

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am absolute beginner any comment would be helpful please don't hesitate to give any idea and I got some doubt here how can I style input type range I can't figure it out

Community feedback

@HusseinSamy

Posted

Hello @samson360-code,

Great job on taking the first steps toward your dream!

I'm thrilled to see you diving into this platform to enhance your design skills. I've got some friendly suggestions that might help you along the way:

1.Consider separating your styles file from the HTML and linking to them in your HTML. You can find more information on this here.

2.Boost your website's SEO by adding meta tags:

<meta name="title" content="Shortly URL shortening service">
<meta name="description" content="Shortly is a website meant to provide a URL shortening service using the shortco API">
<meta name="keywords" content="URL Shortening, Shortening Website, API">

3.Instead of using a container to wrap your <main> tag, consider using <main> as your container.

4.Explore using the BEM naming convention for your CSS classes. You can find more about it by searching for the term on Google or YouTube.

5.Import any needed fonts for your project. This guide can walk you through the process.

6.Ensure you're using the correct font color and size for the text labeled "185."

Hope you find it useful!😇

Keep up the fantastic work, and don't hesitate to reach out if you have any questions! 🚀

0

@samson360-code

Posted

@HusseinSamy thank you for your support

1

@HusseinSamy

Posted

@samson360-code You are welcome

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