Invoking a route in Link but as a component & with an argument obj to pass to the component
The Github:https://github.com/nnall/hm-frontend-Nick.git
I have a component, <VehicleDetails/> which is meant to take in a 'vehicle' object argument, in order to render details on a car details page.
...
Making ul li horizontal and not vertical.
I am needing to make my product carousel cards horizontal. I figured out a way to turn this into product cards, but the horizontal part is a bit difficult for me.
Can anyone help me figure out how to do the Horizontal?
Also, the entire webpage is on one page and the page is not to scroll. I will be using transitions. I already have the nav bar done. And I am needing to know how to make each page show up in a window that I will be creating when clicking either on home or cover art. If you know what the terminology is or you can provide a link that can help me acheive this, I would surly appreciate that....
React native FlatList style
can any one guide or can give example:
in flatList is it possible to show action menu absolute on longPress and not hide under top flatList Item ?...
How to achieve this grid style
Hi can someone help me how to achieve this kind of grid. where the blue box will automatically expand based on the red box. Thank you!
React/CSS Transitions Fail
In this approach I'm trying to do a very smooth transition which when a button is clicked a transition on Y's the transition comes on it's normal place. When I'ts clicked the transition hides con the Y's
select only child
Hey, the image below is a representation of some grid items that are part of a grid using
auto-fill so the items wrap if there's not enough space to fit it. Is there a way to test for an item being by itself, like the fourth item in the image? Thanks in advance.
centering content inside a grid container?
codepen won't work because it's next/react, but i've posted it there so you can read it easier...
https://codepen.io/Laing91/pen/ZENzaQj
I'm wanting to create a photo album grid and looking at it right now, the images are all hugging the start of their grid-area, and I'm not sure how to center them.. justify-content and align-items doesn't work....
Help creating a breakout section
Hey guys, I have the following design in XD (see first picture).
I've created the second picture.
My problem is, I never know how to engineer a section like this. There's a max-width container and the text needs to stick inside the max-width while the image breaks out. I figured I could use some
position-d stuff but not sure....
Burger spans not showing up in DOM -- do show up in dev tools
working with Astro, everything carries over, my rules for everything else in my nav work but my spans are not receiving any styles even tho the naming lines up and they do appear when inspected. any ideas what is permeating this issue? works fine in my vanilla html / scss / web starter template
Make form label text wrap around embedded 'checkbox' input, or simulate that somehow?
The label:
```
<label className="agmt_label" htmlFor="agreement">
<input
// className="preApproval_input"...
Multifactor authentication input styling
Hi all!
I am looking for a way to style a form input box for MFA. Attached is what it looks like currently, but basically just a password input field.
I would like to separate the text in this field into groups of
**** *** *** to make mis-entry a little more obvious, or even cooler would be **** 123 456 where the initial pin of the token is hidden but the remaining token from the app is visible...
...
alignment problem while customizing the <input type="range" /> element
i have a floating anchor div above the input element, which should move aline with the thumb. But its moving slightly back of thumb after 1st half of range and slightly front on 2nd half of range. I have a video link and a GitHub project link below. Please, someone kindly help me with is issue.
videoLink - https://www.loom.com/share/c96d4f861a7245c48ef588047480f173?sid=6983b73e-7105-42db-9b05-fdf7e72ea6a6
project link-https://github.com/waran2337/vidyo-pricing-page...
