Request feedback for my final project on RWD

Hi all!! I need some feedback on these two projects:
https://codepen.io/3dm777/full/yLXJWOe [Technical Docs]
https://codepen.io/3dm777/full/zYzKQPZ [portfolio]

Portfolio isn’t ended yet (still left some styling on contact form and footer), but I came with a question about the projects section:

As you see that part is not very accessible for touch devices (link for the project is showing on :hover state), My question is how can I make a Breakpoint only for Touch devices? or for any device that can’t have the hover state?

Thanks in advance!

1 Like

meybe you finde some interesting stuf in here :slight_smile:
I never did that :

Your projects are great…

1 Like

Thanks! I’m sorry I didn’t explained very well. I don’t want to remove hover state, instead I want to create a different layout for those things when the user can’t hover. Adding a button, for example, to show the “hidden” info.

.some-class: hover {
display: block;
}
@media (touch-devices) {
.some-class {
display: none;
}
.new-class-for-touch {
display: block;
}
}

Something like that.

1 Like

sorry I never did enithing with touch devices
just passing the docs
maybe you find something interesting
your projects are great

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.