Anselvi• 10
@Anselvi
Submitted
My first one, please be kind!
Anselvi!
Nann Ei Ei Win
@neew18
All comments
- Nann Ei Ei Win• 140
@neew18
Posted
Hello! You did well on ur first challenge.
https://www.octobot.io/blog/html-accessibility/ Hope this article above will help you with fixing those accessibility reports.
And for centering the white container, I think flex-boxes is best way. Please take a look at those.
I’m still learning too. Have a nice day.
Marked as helpful
0 @Vidottizzz
Submitted
I made it look good, but, i couldnt make the deployed site recognize my css file, in my local machine it works perfectly, even the JS, i tried deploying the project in the vercel, and it didnt work too, i searched the solution in the internet, and couldnt find it , kinda sad.
Nann Ei Ei Win• 140@neew18
Posted
Hello. I created a pull request in your repository. Like I said in the description. The reason is you wrote the wrong path. There is no directory with the name of interactive-card-details-form-main. That’s why the site can’t find the path for CSS and JS files. These two files are in the same level/directory with index.html so “./styles.css” or “styles.css” will work. The dot in “./styles.css” means in same level or directory.
Marked as helpful
0@victoriamnx
Submitted
I had difficulty placing the image next to the box, and I still couldn't add the necessary animations. Also I need to make it responsive.
Nann Ei Ei Win• 140@neew18
Posted
Take a look at media queries for responsiveness. You can use background-image property with for changing the pictures with media queries.
Or u can use bootstrap grids too
Here are some useful links https://www.w3schools.com/css/css3_mediaqueries.asp
https://css-tricks.com/a-complete-guide-to-css-media-queries/
Happy coding!
Marked as helpful
0
