Hi! My name is Luis. Currently, I'm learning React and Node.js. I'm focused on enhancing my proficiency in native CSS and JavaScript, while also developing web applications with a focus on performance and accessibility.
I’m currently learning...React, Node
Because it is more complex, it helps me improve my planning and structure to development.
I don't know, any feedback is welcome. 👍🏻
It helped me experiment with responsive design.
Know how is the best way to work with responsive text.
I am getting used to it by practising the newbie project on HTML and CSS.
What challenges did you encounter, and how did you overcome them?I have faced an encounter regarding the image size and flexbox condition.
What specific areas of your project would you like help with?The project was easy but due to confusion from my side regarding the image and other things. It put me on more time than required.
Hi Aadarsh Vikram Singh
Your solution looks great!, however, to improve the semantics of your HTML, here are some suggestions.
--- Use the appropriate HTML element
<main> to wrap all the content instead of a <div> element<ul> <li><a>Link1</a></li> <li><a>Link2</a></li> </ul>
--- Css
For an example check out the following link: Social-links-basic
Hope this is helpful 👍🏻
Keep up the good work!
I am proud that I manage to complete the project to what I would say is very similar to the original version. Most of the concepts I have completed before so it was more for learning how to use frontend mentor.
What challenges did you encounter, and how did you overcome them?In terms of the coding it was more one learning markdown as it was first time writing a readme file. Additionally, spacing is one thing I can struggle with like getting the relationships between different elements right.
What specific areas of your project would you like help with?Opinions on my code and if there is cleaner or better ways to write similar code. Also keen to see other peoples codes for the same project as I have never done something like this before.
Hi @Jakelliott98
Your solution looks great!, It's almost pixel perfect!
However, to improve the semantics of your HTML, here are some suggestions.
--- Use the appropriate HTML element
<main> to wrap all the content instead of a <div> element.<ul> for a list of links.<a> for links.For an example check out the following link: Social-links-basic
Hope this is helpful 👍🏻
Keep up the good work!
Im slowly starting to get the hang of CSS layout and website responsiveness, with time I'll be able to get really good at this. I don't want to use any help next time and do everything on my own.
What challenges did you encounter, and how did you overcome them?i faced challenges of making the p elements "boxed" and even issues with layout but that's all.
What specific areas of your project would you like help with?dynamic responsiveness ( mobile and desktop ) and the flow of the website etc
Hi Pathfinder132
Your solution looks great! However, to improve the semantics of your HTML, here are some suggestions.
--- Use the appropriate HTML element
<a> for links<li> element inside a <ul> element<title>Social links</title>--- Css
Be careful with relative units, the following property does not work correctly in landscape mode.
.box { height: 70dvh; }
Check out the following link: Social-links-basic
Hope this is helpful!
Keep up the good work!
Hi @Tashh93
First of all, I recommend you write some comment in your solution, if you have questions is the right place to expose them.
Second, the correct link to your solution is this: Social-links,
Finally, here are some suggestions.
<a> for links.<html> selector, you can do that in <body>Check out the following link: Social-links and then base
Hope this is helpful!
Good work!
The barely visible border at the corners in the summary took longer than expected.
There is also an error message in the console: "Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/json". Strict MIME type checking is enforced for module scripts per HTML spec."
I haven't found a solution for this, but that's not too bad, because loading the data from the json still works. And in real life you would rather get the data from an API and not from a local json file.
Hi, something wrong with the last comment 🤭
The error is in the line 14 in your html
< script type= "module" src= "./data.json">< /script >
You can also get the data with 'fetch', so it doesn't matter if the data is local or comes from an API, your project is ready!
Good job!, greetings.
The barely visible border at the corners in the summary took longer than expected.
There is also an error message in the console: "Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "application/json". Strict MIME type checking is enforced for module scripts per HTML spec."
I haven't found a solution for this, but that's not too bad, because loading the data from the json still works. And in real life you would rather get the data from an API and not from a local json file.
@Hacklie
Your solution looks great! However, here are some suggestions.
--- Use the appropriate HTML element
<main> to wrap all the content instead of a <div> element.--- Css
results-summary__summary-div-category, you can use summary-category instead.
And as for your error, it is caused by this line in your html
`